Home › Forums › WoodMart support forum › Disable hover effect on products grid

Disable hover effect on products grid

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 8, 2021 at 1:06 pm #256782

    hooman
    Participant

    Hello,

    I want disable hover effect on products grid (full info on image).
    how can I do with css?

    thanks

    Attachments:
    You must be logged in to view attached files.
    January 9, 2021 at 6:36 am #256939

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    I saw the screenshot you attached. Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

    body .product-grid-item .product-element-top:hover .hover-img {
    transform: none !important;
    -webkit-transform: none;
}

body .product-grid-item .hover-img {
    display: none;
}

    Regards.
    Xtemos Studios.

    January 9, 2021 at 11:24 am #256955

    hooman
    Participant

    hi. dos not work. check again the website please

    January 9, 2021 at 11:54 am #256959

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

    .woodmart-hover-info .bottom-information {
    transform: none;
}

.woodmart-hover-info .swatches-on-grid {
    opacity: 1;
}

    Best Regards.

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