Single Image Overlay - incorrect "size" rollover

Home Forums Jevelin Theme Single Image Overlay – incorrect "size" rollover

Home Forums Jevelin Theme Single Image Overlay – incorrect "size" rollover

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    RESOLVED Posts
  • 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

     

    Attachments:
    You must be logged in to view attached files.

    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 team

    I understand now how it was coded. Thank you very much for the follow up.

    Steven

     

    Topic Resolved

    You are most welcome here 🙂

Viewing 4 posts - 1 through 4 (of 4 total)