Turn off image effect on blog

Is there a way to turn off the image zooming effect on the default style of the blog? Would just like it be a static image.

Thanks!

Hello,

Thank you for the question.

Try to add the following code snippet to the Custom CSS section to disable this effect

.blog-post-loop:hover>.entry-header .post-img-wrapp>a {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
}

Regards

This works for me on a single post, but I’m still getting a hover effect on the main blog page. Is there a way to turn that off as well? Thanks!

Hi,

Use this code snippet also to disable this effect on the blog page too.

.blog-post-loop:hover>.entry-header .post-img-wrapp>a {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
}

Regards

Thank you, but this does not appear to be working…

We see that you have added the code with some wrong characters https://gyazo.com/f191e067a0401e6f08c5675b79152184
Be sure that you paste the same code as we sent you.

Thank you.

Sorry, try this instead 🙂

.blog-post-loop:hover>.entry-header .post-img-wrapp>a{
    opacity: 1!important;
    transform: scale(1)!important;
    -webkit-transform: scale(1)!important;
    -moz-transform: scale(1)!important;
    -o-transform: scale(1)!important;
}

If it will not help, please provide us your admin access so we can check what is wrong.

Thank you. It appears there may be something else conflicting with the code.

One other thing…

We can’t log in your admin panel. Please, check the password.

Resolved!

Great, we are glad that you have found the solution

[Author]

Posts