Remove add to cart icon when you hover on image product

Hello,

In order to remove icon try this CSS code:

.woodmart-hover-button .hover-mask .xoo-wl-btn:before {
    content:none;
}

If this code not effective, please provide your site link and credentials.

Best Regards,

Hello,

This code CSS is workable:

.product-list-item .woodmart-add-btn>a:before, .woodmart-hover-base:not(.product-in-carousel):not(.hover-width-small) .woodmart-add-btn>a:before, .woodmart-hover-button .hover-mask>a:before, .woodmart-hover-info-alt .product-actions>a:before, .woodmart-hover-quick .woodmart-add-btn>a:before, .woodmart-hover-standard .btn-add>a:before, .woodmart-price-table .woodmart-plan-footer .add-to-cart-loop:before {
    content: none;
}

Best Regards

Hello,

Have you added this code to Theme Settings > Custom CSS > Global?

Best Regards

Hello,

The icon is hidden on hover http://prntscr.com/ix7ztn both on the category page and on the shop page

Best Regards

Hello,

I have filtered simple products and have found two. I hover on the image and see zoom but no icons. Will you kindly provide a screen with the problem for better understanding?

Best Regards,

Hello,

Done. Waiting for further details.

Best Regards

Hello,

Do you mean “Catalog mode” when products are presented with price, at the same time option to buy has been disabled? Have a look at this sample: http://prntscr.com/ixh05h

If yes, navigate to Theme Settings > Shop > Catalog Mode > enable.

If it is not what you want please clarify. Maybe give a site where you like this option.

Best Regards

Hello,

Add this code to hide the button:

.woodmart-add-btn{
display:none;
}

Also, remove previous code, I have sent.

Best Regards

You are always welcome if you have any questions, feel free to contact us.

Best Regards