Home Forums WoodMart support forum Hide Shopping Cart Icon by disabling hover function on add to cart button

Hide Shopping Cart Icon by disabling hover function on add to cart button

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

    [email protected]
    Participant

    Hi

    Currently on the product archives/categories the Add To Cart button changes to a shopping cart icon on hover.

    I would like to remove this hover functionality so that it only shows the Add To Cart text and doesn’t flip to the Shopping Cart

    #516699

    Hello,

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

    .product-grid-item .wd-add-btn>a:focus span:not(.wd-tooltip-label), .product-grid-item .wd-add-btn>a:hover span:not(.woodmart-tooltip-label), .wd-hover-base:not(.product-in-carousel):not(.hover-width-small):not(.add-small-button) .wd-add-btn>a:focus span:not(.wd-tooltip-label), .wd-hover-base:not(.product-in-carousel):not(.hover-width-small):not(.add-small-button) .wd-add-btn>a:hover span:not(.wd-tooltip-label), .wd-hover-button .hover-mask>a:focus span:not(.wd-tooltip-label), .wd-hover-button .hover-mask>a:hover span:not(.wd-tooltip-label), .wd-hover-info-alt .product-actions>a:focus span:not(.woodmart-tooltip-label), .wd-hover-info-alt .product-actions>a:hover span:not(.wd-tooltip-label), .woodmart-hover-quick .wd-add-btn>a:focus span:not(.woodmart-tooltip-label), .wd-hover-quick .wd-add-btn>a:hover span:not(.wd-tooltip-label), .wd-hover-standard .btn-add>a:focus span:not(.wd-tooltip-label), .wd-hover-standard .btn-add>a:hover span:not(.wd-tooltip-label), .wd-price-table .wd-plan-footer .add-to-cart-loop:focus span:not(.wd-tooltip-label), .wd-price-table .wd-plan-footer .add-to-cart-loop:hover span:not(.wd-tooltip-label) {
    	transform: none !important;
    }
    
    .wd-add-btn-replace .add-to-cart-loop:before {
        content: none !important;
    }

    Best Regards

Viewing 2 posts - 1 through 2 (of 2 total)