How to Delete Share Social media Icons

karynrowe · February 9

How do I delete these social media icons on the left side of the Product Image pages? It's the default one - I also see them on the individual blog posts (which is ok). I want to remove them from the product pages.

Phil · February 10

Hi,

If you want to remove them only from a product, you must use a custom CSS code.

Do you need help with writing it?

If yes, please, attach a link to your product.

Thanks

karynrowe · February 10

Hi I want to remove them for every product and there is about 30 product pages. I am still building them can you tell. me how to do this? or if I can edit the social media share buttons ....i.e delete twitter and add IG

Phil · February 11

Please, attach a link to any of your products.

Thanks

karynrowe · February 11

Hi there here is one and thanks :)

https://karynrowe.com/product/birch-babe-reusable-travel-tin/

Phil · February 13

Use the following CSS code:

.single-product .share_wrapper{
   display: none;
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Thanks

karynrowe · February 14

OH I went to CSS and there is other code there? I dont want to delete or mess it up....where do I add it exactly? There are 31 lines and the last line is footer? Do I place it right after that? sorry code is new to me

Pablo · February 14

Just add it on the bottom of the field, do not worry about it.

thanks

karynrowe · February 14

Perfect it worked Thanks - such great support :)

How to Delete Share Social media Icons

Comments