Tagged: Advanced Styling
Hello, I’m using the left hand nav bar setup and as a result all the advanced styling options don’t work. I’ve used a lot of custom css but I’m not sure how to disable the icon hover effect on images.
Thanks for the help
Hey Dunckley_Design,
Please provide a link to the page in question so we can look into this further.
Best regards,
Jordan Shannon
Hi Dunckley_Design,
Do you mean the Instagram images?
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
.av-instagram-item .image-overlay .image-overlay-inside {
display: none;
}
If you need further assistance please let us know.
Best regards,
Victoria
Hello Victoria, thank you for your help. I’m looking to make a global change to eliminate the overlay icons. There is also a bigger issue, when the left hand nav is used the advanced styling section produces no results on any style changes.
Hi,
Are you sure you using any custom css? Sometime if custom css is formatted wrong, it can prevent advanced styling from running.
Best regards,
Jordan Shannon
Hello Jordan, yes but I noticed the advanced styling issue before any custom css was implemented. What would I need to do to deactivate the icons on hover?
Hi,
This should work globally:
.image-overlay .image-overlay-inside {
display: none;
}
If this works you can remove what Victoria suggested above.
Best regards,
Jordan Shannon
Thanks Jordan, that did the trick
Hi,
Great! If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon