Tagged: image overlay
-
AuthorPosts
-
October 4, 2019 at 1:16 am #1144804
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.
October 4, 2019 at 1:17 pm #1144974Hey 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,
RikardOctober 4, 2019 at 4:53 pm #1145021Thanks Rikard, it did not work. I cleared browser cache to make sure
October 4, 2019 at 8:58 pm #1145102Hi,
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 ShannonOctober 4, 2019 at 9:13 pm #1145106Jordan; yes it on the top; I also cleared cache and tried on a completely different computer. same issue.
October 5, 2019 at 12:34 pm #1145245Hi,
Please try this instead:
#footer .custom_html-2 a:hover { display:inline; }Best regards,
RikardOctober 5, 2019 at 8:53 pm #1145354Thanks Rikard; Unfortunately that did not work either.
October 6, 2019 at 8:31 pm #1145503Hi 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,
VictoriaOctober 7, 2019 at 1:51 am #1145577Thank you Victoria; that did it :-)
October 7, 2019 at 6:44 am #1145638 -
AuthorPosts
- You must be logged in to reply to this topic.
