Home › Forums › WoodMart support forum › 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?

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • April 18, 2019 at 7:04 pm #119759

    ab
    Participant

    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.

    April 19, 2019 at 6:23 am #119811

    Elise Noromit
    Member

    Hello,

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

    Best Regards

    April 19, 2019 at 6:33 am #119815

    ab
    Participant

    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.
    April 19, 2019 at 11:40 am #119865

    Elise Noromit
    Member

    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

    April 20, 2019 at 8:38 am #120007

    ab
    Participant

    Works like a charm. super thanks

    April 20, 2019 at 8:49 am #120012

    Elise Noromit
    Member

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

    Best Regards

    April 20, 2019 at 8:50 am #120013

    ab
    Participant

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

    April 20, 2019 at 9:57 am #120026

    Elise Noromit
    Member

    Hello,

    Please provide the page URL.

    Best Regards

    April 21, 2019 at 7:02 am #120138

    Elise Noromit
    Member

    Hello,

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

    Best Regards

    April 22, 2019 at 1:17 pm #120315

    ab
    Participant

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

    April 22, 2019 at 2:55 pm #120343

    Elise Noromit
    Member

    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

    April 22, 2019 at 11:47 pm #120397

    ab
    Participant

    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.
    April 23, 2019 at 6:52 am #120438

    Elise Noromit
    Member

    Hello,

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

    As you can see no zoom

    Best Regards

    April 27, 2019 at 8:04 am #121169

    ab
    Participant

    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.
    April 27, 2019 at 10:43 am #121179

    Elise Noromit
    Member

    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

    April 28, 2019 at 5:00 pm #121313

    ab
    Participant

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

    April 29, 2019 at 7:42 am #121371

    Elise Noromit
    Member

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

    Best Regards

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

The topic ‘Can u please help me to disable the zoom image while hovering over it?’ is closed to new replies.