Home › Forums › Basel support forum › How To Disable Zoom & Hover Effect On Blog Post's Featured Images

How To Disable Zoom & Hover Effect On Blog Post's Featured Images

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 3, 2018 at 1:07 am #93333

    Taidgh Richards
    Participant

    Hello I wish to disable the zoom and hover mask effect on the featured images for blog posts.

    December 3, 2018 at 3:34 pm #93452

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS: 

    body .blog-post-loop:hover .post-img-wrapp a {
    transform: none;
    -webkit-transform: none;
}
.blog-post-loop .post-image-mask,
.blog-post-loop:hover .post-img-wrapp a:after {
    display: none;
}

    Best Regards

    December 3, 2018 at 9:11 pm #93533

    Taidgh Richards
    Participant

    Sorry the effect is still occurring. I have linked the page with the effects I am referring to.

    December 4, 2018 at 9:23 am #93645

    Elise Noromit
    Member

    Hello,

    Please replace the code with this one: 

    body .blog-post-loop:hover>.entry-header .post-img-wrapp>a {
	transform: none;
	opacity: 1;
}

    Best Regards

    December 4, 2018 at 1:15 pm #93729

    Taidgh Richards
    Participant

    Perfect thank you the second code had the desired effect.

    December 4, 2018 at 2:43 pm #93766

    Elise Noromit
    Member

    You are welcome! If you have any questions please feel free to contact us.

    Best Regards

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

The topic ‘How To Disable Zoom & Hover Effect On Blog Post's Featured Images’ is closed to new replies.