- This topic has 3 replies, 2 voices, and was last updated 7 years, 2 months ago by
.
Hello.
I am building a page and using the Single Image content element with overlay. When I test the image overlay rollover, the bottom of the overlay exceeds the image. Can you tell me what I am doing wrong? It seemed so easy to implement but maybe I am missing something?
Screenshot attached and you can also see the overlay site page here :http://wordpress2.stevenkuppers.com/about-us/
Thank you,
Steven
Solution for this topic
Hi Steven,
I hope you are well today and thank you for your question.
This is happening because the image added in the content has bottom margin applied so that it doesn’t touch the text below it if any.
You can remove that margin on your shared page by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
.page-id-945 .entry-content .sh-single-image-has-overlay1 img.sh-image-url { margin-bottom: 0; }Best regards,
Shufflehound teamI understand now how it was coded. Thank you very much for the follow up.
Steven
Topic Resolved
You are most welcome here 🙂
