Remove Zoom on Blog Homepage

Home › Forums › Jevelin Theme › Remove Zoom on Blog Homepage

Home › Forums › Jevelin Theme › Remove Zoom on Blog Homepage

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    RESOLVED Posts

  • pzl
    Participant

    Hello Support,

    I will like to disable the zoom and blue overlay when hovering over the featured image on the blog’s homepage. Moreover, I want to allow the image to remain clickable.

    Accordingly, I tried following a similar thread, but to no avail: https://support.shufflehound.com/forums/topic/how-do-i-disable-lightbox-image-zoom-and-link-icon-for-homepage/

    Additionally, I will like to do the same for the category page.

    Is there anything that I missed out? Thanks.

    • This topic was modified 4 years, 1 month ago by pzl.

    Shufflehound Support
    Moderator

    Hi @pzl,

     

    I hope you are well today and thank you for your question.

     

    Could you please share the page URLs from your site where it is displaying so that I can help you?

     

    Best regards,
    Shufflehound team

    pzl
    Participant

    Here you go, thank you so much for your help.

    Shufflehound Support
    Moderator

    Solution for this topic

    You can achieve it 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

     

    article .post-meta-thumb .sh-overlay-style1,
article .post-meta-thumb .sh-overlay-style3 {
    background: none !important;
}

article .post-meta-thumb:hover img{
    transform: none;
}

    pzl
    Participant

    That works perfectly! Thank you so much for the help!

    Shufflehound Support
    Moderator

    You are always welcome here 🙂

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)