Home › Forums › WoodMart support forum › Disable hover effect

Disable hover effect

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 25, 2023 at 12:50 pm #499029

    xtemos-0973
    Participant

    I am using the newest product archive product style “buttons on hover”. When you hover over a product, the add to cart/compare/quick view buttons slides up from the bottom and are shown. I want to disable this completely. I want nothing to happen when you hover over a product. Can this be achieved with css?

    September 26, 2023 at 12:39 pm #499318

    Luke Nielsen
    Keymaster

    Hello,

    Try to disable it with the help of the below code, define the code in Theme Settings -> Custom CSS -> Desktop CSS area.

    .product-grid-item.wd-hover-buttons-on-hover:not(:is(.quick-shop-shown,.wd-loading)):is(:hover,.wd-variation-active) .wd-product-footer {
    opacity: 0;
    visibility: hidden;
}

.product-grid-item.wd-hover-buttons-on-hover:not(:is(.quick-shop-shown,.wd-loading)):is(:hover,.wd-variation-active) :is(.product-element-bottom,.wd-product-grid-slider-pagin) {
    transform: none;
}

.product-grid-item.wd-hover-buttons-on-hover:not(:is(.quick-shop-shown,.wd-loading)):is(:hover,.wd-variation-active) .product-element-top {
    clip-path: unset;
}

    Kind Regards

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