Remove cart icon and hover effect on product

Hello,

How I can remove cart icon when i hover the product ? Please see the link in private content and the screen shot attached

Thank you

Attachments:

You must be logged in to view attached files.

Hello,

Please try adding the following Custom CSS in the Custom CSS for Desktop 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(.wd-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(.wd-tooltip-label), .wd-hover-info-alt .product-actions>a:hover span:not(.wd-tooltip-label), .wd-hover-quick .wd-add-btn>a:focus span:not(.wd-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;
}
.product-grid-item .wd-add-btn>a:before, .wd-hover-base:not(.product-in-carousel):not(.hover-width-small):not(.add-small-button) .wd-add-btn>a:before, .wd-hover-button .hover-mask>a:before, .wd-hover-info-alt .product-actions>a:before, .wd-hover-quick .wd-add-btn>a:before, .wd-hover-standard .btn-add>a:before, .wd-price-table .wd-plan-footer .add-to-cart-loop:before {
content: none!important;
}

Best Regards

Hello,

Very nice, thank you !

On tablet and mobile, how i can remove the black square ?

Thanks

Attachments:

You must be logged in to view attached files.

Hello,

You are Most Welcome.

Please try adding the following Custom CSS in the Custom CSS for Tablet and Mobile area under Theme Settings >> Custom CSS>

.wd-hover-quick .wd-add-btn {
    display: none;
}

Best Regards

Hello,

It’s work, but can i delete this element only on tablet and mobile ?

Thanks !

Hello,

You are Most Welcome.

Please move the CSS i provided to Custom CSS for Mobile and Custom CSS for Tablet area then it will work for only tablet and mobiles.

Best Regards

Hello,

Okay thank you !

Have a nice day

Hello,

Most Welcome!!!.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts