Hi
I am adding this code to my wordpress page and while it saves it at first, when I refresh my pages the mouseover command simply vanishes.
From on mouseover onwards the code just vanishes.
I Hope you have a solution for me.
Thanks
Anja
URL: http://www.entwicklung-nach-mass.de/wordpress/reiss-profile/lebensmotive-hautnah/
Hi Anja
Thanks for reaching out.
Below the comment field, here, on the forum, you’ll see instructions for pasting your code using square brackets with the word code inside, the closing tag has a forward slash. Please, re-post your code so we can take a look.
Please, also explain what you’re looking to add and to which element.
Thanks
I am trying to get a mouse over / hover effect on 8 images you can see on my reference URL. When I make changes either on the page with these images or any other pages the code after height_218 starting with mouseover simply vanishes. Then of course no more effect to see front and backside of my images.
Hope you can solve the problem.
Just copying the code did the job of removing the lines already again.
Anja
Thanks. This should work in a Text widget or the Text tab of a Visual Editor widget. Have you given that a try?
Hi Andrew
This is the code I put in the Text Editor of my page.
When I do changes in the visual editor text section it takes out the code from the mouse command onward.
It works well on this site: http://digital-age-advisory.com/referenzen/
The mouse over logo. Same command.
What do I need to do to get it stable in Vantage?
Thanks for the feedback. If you’re seeing this behaviour in the regular Visual/Text tabs then it’s most likely not a Vantage specific challenge. The WordPress core handles those tabs.
I can insert your code into the Text tab of a regular page. Can you perhaps try testing with another theme activated and see if the same behaviour occurs?
Hi Andrew
The exact same code is on this page:http://digital-age-advisory.com/referenzen/
(the mouse over company logos)
It is a different theme and has been working for over 1.5 years without problems.
I hope you can help as for me this would mean it is a problem with Vantage.
Each WordPress installation is a little different. Have you had a chance to test the site you’re working on at the moment? To test, switch to a default theme like Twenty Fifteen and re-save your code, see if the problem replicates. That’ll help us narrow down the problem.
Hi Andrew
I am fairly new to WP.
When I change the template my content is no not ported there. Do you mean me to create a page with my code and test it in TwentyFifteen?
You’re free to switch themes without losing content. So to run this test you would:
1. Go to Appearance > Themes, switch to any default theme. Twenty Fifteen, Fourteen, Thirteen etc.
2. Go back to the page in question, click on the Text tab, insert the table HTML we’ve been discussing. Save.
3. Check the front end. Does the issue persist?
Hi Andrew
I did the following:
Change of my page with the code in visual editor on Vantage Theme. The code went missing.
Change to TwentyFifteen, created a new page with the exact same code.
Changed text in the visual editor and the code was still there.
How you now get to narrow down the problem.
Thanks for confirming.
With Vantage activated, have you tried inserting this table HTML into the Text tab?
If you continue to run into issues, please, send a set of temporary login details and we’ll take a look. Instructions to follow.
This is a private message.
This is a private message.
This is a private message.
We’re all good. If you want to confirm just check this URL in a browser that you’re not logged into siteorigin.com on.
Here is a demo page using your HTML:
http://www.entwicklung-nach-mass.de/wordpress/test-page/
Can you perhaps compare it to your page and see where the difference lies? The mouseover works for me in my test page.
Hi Andrew
The code is the same. I found no difference, except that I put my code for mouse hover.
When there is only 1 image it works. I added a second image on your test page and the hover does not work anymore.
I added my whole code for you to see, so you need to open text editor directly to view it.
???
Have a look.
Can you please post the entire code here so I can test. On the test page it the mouseover code is only present in the last image so I can’t test.
Thanks :)
This is the entire code. After image size „218“ it breaks after you do changes in the Visual Editor… and then the mouse over does not work any more.
<table border="0" cellspacing="10px" cellpadding="0px" align="center">
<tbody>
<tr>
<td><a href="http://www.entwicklung-nach-mass.de/wordpress/ordnung/"><img class="aligncenter size-full wp-image-779"
src="http://www.entwicklung-nach-mass.de/wordpress/wp-content/uploads/2015/0
8/Kueste-front-gruen.jpg" alt="Kueste front gruen" width="218"
height="218"onmouseover="this.src='http://www.entwicklung-nach-mass.de/wordp ress/wp-content/uploads/2015/08/Kueste-back-gruen.jpg'"onmouseout="this.src=
'http://www.entwicklung-nach-mass.de/wordpress/wp-content/uploads/2015/08/Ku este-front-gruen.jpg'"/></a> </td>
<td><a href="http://www.entwicklung-nach-mass.de/wordpress/sparen-sammeln/"><img class="aligncenter size-full wp-image-781"
src="http://www.entwicklung-nach-mass.de/wordpress/wp-content/uploads/2015/0
8/Lavendel-front-rot.jpg" alt="Lavendel front rot" width="218"
height="218"onmouseover="this.src='http://www.entwicklung-nach-mass.de/wordp ress/wp-content/uploads/2015/08/Lavendel-back-rot.jpg'"onmouseout="this.src=
'http://www.entwicklung-nach-mass.de/wordpress/wp-content/uploads/2015/08/La vendel-front-rot.jpg'" /> </a> </td>
</tr>
<tr>
<td><a href="http://www.entwicklung-nach-mass.de/wordpress/ordnung/"><img class="aligncenter size-full wp-image-787"
src="http://www.entwicklung-nach-mass.de/wordpress/wp-content/uploads/2015/0
8/See-front-rot.jpg" alt="See front rot" width="218"
height="218"onmouseover="this.src='http://www.entwicklung-nach-mass.de/wordp ress/wp-content/uploads/2015/08/See-back-rot.jpg'"onmouseout="this.src='http
://www.entwicklung-nach-mass.de/wordpress/wp-content/uploads/2015/08/See-fro nt-rot.jpg'" /></a> </td>
<td><a href="http://www.entwicklung-nach-mass.de/wordpress/emotionale-ruhe/img class="aligncenter size-full wp-image-785"
src="http://www.entwicklung-nach-mass.de/wordpress/wp-content/uploads/2015/0
8/Raps-front-gruen.jpg" alt="Raps front gruen" width="218"
height="218"onmouseover="this.src='http://www.entwicklung-nach-mass.de/wordp ress/wp-content/uploads/2015/08/Raps-back-gruen.jpg'"onmouseout="this.src='h ttp://www.entwicklung-nach-mass.de/wordpress/wp-content/uploads/2015/08/Raps
-front-gruen.jpg'" /></a> </td>
</tr>
<tr>
<td><a href="http://www.entwicklung-nach-mass.de/wordpress/neugier/"><img class="aligncenter size-full wp-image-777"
src="http://www.entwicklung-nach-mass.de/wordpress/wp-content/uploads/2015/0
8/Kreuz-front-gruen.jpg" alt="Kreuz front gruen" width="218"
height="218"onmouseover="this.src='http://www.entwicklung-nach-mass.de/wordp ress/wp-content/uploads/2015/08/Kreuz-back-gruen.jpg'"onmouseout="this.src='
http://www.entwicklung-nach-mass.de/wordpress/wp-content/uploads/2015/08/Kre uz-front-gruen.jpg'" /></a> </td>
<td><a href="http://www.entwicklung-nach-mass.de/wordpress/sparen-sammeln/"><img class="aligncenter size-full wp-image-773"
src="http://www.entwicklung-nach-mass.de/wordpress/wp-content/uploads/2015/0
8/Steine-front-gruen.jpg" alt="Steine front gruen" width="218"
height="218"onmouseover="this.src='http://www.entwicklung-nach-mass.de/wordp ress/wp-content/uploads/2015/08/Steine-back-gruen.jpg'"onmouseout="this.src=
'http://www.entwicklung-nach-mass.de/wordpress/wp-content/uploads/2015/08/St eine-front-gruen.jpg'" /></a> </td>
</tr>
<tr>
<td><a href="http://www.entwicklung-nach-mass.de/wordpress/neugier/"><img class="aligncenter size-full wp-image-783"
src="http://www.entwicklung-nach-mass.de/wordpress/wp-content/uploads/2015/0
8/Moewe-front-rot.jpg" alt="Moewe front rot" width="218"
height="218"onmouseover="this.src='http://www.entwicklung-nach-mass.de/wordp ress/wp-content/uploads/2015/08/Moewe-back-rot.jpg'"onmouseout="this.src='ht tp://www.entwicklung-nach-mass.de/wordpress/wp-content/uploads/2015/08/Moewe
-front-rot.jpg'" /></a></td>
<td><a href="http://www.entwicklung-nach-mass.de/wordpress/emotionale-ruhe/"><img class="aligncenter size-full wp-image-902"
src="http://www.entwicklung-nach-mass.de/wordpress/wp-content/uploads/2015/0
8/Berg-front-rot.jpg" alt="Berg front rot" width="218"
height="218"onmouseover="this.src='http://www.entwicklung-nach-mass.de/wordp ress/wp-content/uploads/2015/08/Berg-back-rot.jpg'"onmouseout="this.src='htt p://www.entwicklung-nach-mass.de/wordpress/wp-content/uploads/2015/08/Berg-f ront-rot.jpg'" /></a></td>
</tr>
</tbody>
</table>
Thanks. The main challenge is the formatting of the HTML you’ve sent. Can you see all the spaces? They don’t render a correct URL. For example:
Berg-f ront-rot.jpg
Hard to see but there is a space between the f and r.
Check the test page now. I’ve cleaned up most of the HTML file for you but some URLS still have problems. This goes 404 for example:
http://www.entwicklung-nach-mass.de/wordpress/wp-content/uploads/2015/08/See-frot-rot.jpg
When I leave the page in Text view and save all the onclick HTML remains. I don’t believe this is a theme level challenge.
Hi Andrew
I check on my side and cleaned everything up. Checked all the links are correct.
Than added a line in the visual editor. Refreshed the page and the code vanished again no more mouse over. Also did this on your test page as you will see
When you add the lines via the text editor, the problem does not occur
unless you find the solution I will just have to remember to edit this particular page in that way only!!
Let me know if it makes sense to continue maybe there is a colleague who got an idea.
Thanks for all the support so far.
My recommendation would be to build this page using our Page Builder plugin. That way you could insert your table HTML into a Text widget. The Text widget doesn’t have a Visual tab so it would prevent the code loss we’re seeing from Text to Visual in the regular editor.
Hi Andrew
I guess you are right. However, I do not code and have a friend helping me out. I would need to run through your Page Builder documentation first and learn how to build pages.
Is there any link to a good tutorial you could send me? Documentation links?
The site will go online next week, so I can always do it later.
Thanks so far for your help.
Too bad we don¹t know what the problem is. My other site that uses this code on Clear Focus Theme does not experience this problem. Very strange.
Really not sure why this is happening. Vantage as a theme doesn’t interact with core features like the Visual or Text tabs. Is the Visual editor perhaps disabled on the other site? You can do that from your page under Users.
Page Builder is pretty easy to work with. Install and activate, go to the page concerned. Click on the Page Builder tab, create your layout and insert widgets as required.