Remove Cart Icon - Add to Cart Button

Hi there,

I know I’ve seen the answer to this on a thread somewhere, but I just can’t find it!
Could you tell me what code is need to remove the Cart Icon on the Add to Cart Button. I would like it to be removed from the single product buttons and the category buttons.

Also, I would like to put border around the product images, as in the demos. I am using Integrity. I did find some code for this, however it placed a border around the main product image and the thumbnails together. Ideally, I would like to have a border around the main image and have each thumbnail have it’s own border.

Many thanks in advance!

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

.tax-product_cat .add_to_cart_button:before,
button.single_add_to_cart_button:before {
    display: none;
}

Would you mind providing us with the URL of that page?

Thanks.

Hi there,

Thanks so much for the code to remove the cart icon - it did the trick. :grin:

As for pasing you a url, I currently have a different theme active on the page, and am only activating X when I have the page in under construction mode - just until I figure out all the little details and I am ready to activate X full time.

In regards to the border on the Single Product and Thumbnails - all I am looking for is to replicate the border that appears on them in the Intergrity demo.

Thanks, again for your help.

Hi there,

I see, then you may need to activate it this time so we could check which stack your site is on, and we need to see it for border styling. That way, we know what to override in CSS.

The one in our demo is simply a borderline with padding (so it appears to have with white thick border and thin grey border). Plus, the demo is old so the needed styling could be different.

Thanks!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.