Can u please help me to disable the zoom image while hovering over it?

Can u please help me to disable the zoom image while hovering over it? While clicking on the product’s categories, blog image – it is zooming while hovering over it.

Thanks in advance.

Hello,

Please navigate to the Theme Settings > Product page > Images > Main image click action > None

Best Regards

Thanks for the reply, that’t not what I meant. Plz refer to image for further clarification.

Attachments:

You must be logged in to view attached files.

Hello,

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

body .banner-hover-zoom:hover .banner-image {
   transform: none;
   -webkit-transform: none;
}
body .category-grid-item:hover .category-image {
   transform:none;
   -webkit-transform: none;
}
body .banner-hover-zoom:hover .banner-image {
    transform: none;
    -webkit-transform: none;
}

Best Regards

Works like a charm. super thanks

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

Best Regards

But can u plz give me the code for the post as well. THanks

Hello,

Please provide the page URL.

Best Regards

Hello,

The blog on the home page does not have zoom. Which page do you mean?

Best Regards

Sorry for miscommunication – I meant if I hover over the image, there is 3 dots coming and image slightly became darken.

Hello,

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

body .blog-post-loop:hover .post-img-wrapp a {
    transform: none;
    -webkit-transform: none;
}

Best Regards

Reply it is not doing thing to my post. Can u plz visit my website and see which posts I am talking about. I highlighted in the attached image. Far end below.

Attachments:

You must be logged in to view attached files.

Hello,

Please clary once again what is wrong: https://gyazo.com/505af9a6111023c024c07daba4fcac3b

As you can see no zoom

Best Regards

Hello,

Plz refer to attached image, if u see the go to the bottom of the page. there is 3 posts right, if i hover over it, 3 dots appears and image becomes darken. How can I disable it. Thanks

Attachments:

You must be logged in to view attached files.

Hello,

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

.post-img-wrapp a:after {
    content: none!important;
}
.post-image-mask {
    display: none;
}

The shadow can be removed in the Theme Settings > Blog http://prntscr.com/nhjeke
Best Regards

Works like a charm. Thank u very much for the extra tips – which I needed 🙂

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

Best Regards

[Author]

Posts