Remove Shopping Cart icon | class="button product_type_simple"

[mark5]

Hi,

Will you tell me how to remove the Shopping Cart icon from a Woocommerce page? The css has the button labeled as, " class=“button product_type_simple” ".

Thanks,
Mark

[lely]

Hi Mark,

You can use custom CSS to remove it and it can be added on Theme Options > Global CSS.
Since you found the class in it, I guess you know how to inspect element, anyways here’s a guide :

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa

See this sample : https://screencast-o-matic.com/watch/cYhl1pgJES

Hope this helps.

[mark5]

Hi Lely,

Thanks for your help and the links!

I followed your video example and by adding the content: "" line in the css, I was able to make the icon disappear (like your example. However, when I post the updated code in Global CSS, the Shopping Cart icon is still in the button.

Below are screenshots examples. Will you review and let me know where I’m going wrong?
Thanks!
Mark

Finding the line of code:

Adding the content: “” to the css like your example (note the icon is gone):

Pasting the code into Global CSS area:

No change in output:

[jade]

Hello Mark,

Try adding display: none;.

Hope this helps.

[mark5]

Hi Jade,

Added it. It didn’t work.

I’ve been down a rabbit hole on this particular item for a long time before checking in with the support forum. Got any other solutions?

[lely]

Hi Mark,

Previous CSS you have added is correct. You do have W3 Total Cache. Please try to clear cache after adding those CSS. We might be seeinog a cache content. Check again after that.

Do let us know how this goes.