Tagged: image overlay
I’ve added some images to my footer using a custom html widget. The images are inheriting a “hover” effect that forces them to move to the next line when hovered over – see http://www.liammacoco.com
When I inspect them I see that an image overlay span is added to the code – not sure where it’s coming from. How do I remove/stop that from showing up? or at the very least not forcing a 100% width on the overlay on hover?
Thanks in advance.
Hey Martin,
Please try the following in Quick CSS under Enfold->General Styling:
#footer .overlay-type-extern {
display:none;
}
If that doesn’t work then please post admin login details in private so that we can have a closer look.
Best regards,
Rikard
Thanks Rikard, it did not work. I cleared browser cache to make sure
Hi,
Did you add the code to the very top of quick css so it runs first? Please do so and clear the cache a few times over.
Best regards,
Jordan Shannon
Jordan; yes it on the top; I also cleared cache and tried on a completely different computer. same issue.
Hi,
Please try this instead:
#footer .custom_html-2 a:hover {
display:inline;
}
Best regards,
Rikard
Thanks Rikard; Unfortunately that did not work either.
Hi frescova,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#footer a .image-overlay {
display: none !important;
}
#footer #custom_html-2 a {
display: inline !important;
}
If you need further assistance please let us know.
Best regards,
Victoria
Thank you Victoria; that did it :-)