How to hide sale badge and compared price in Horizon theme?

[kayyoung]

[devcoders]

Hello @kayyoung 

Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

[Dan-From-Ryviu · Accepted solution]

Hi @kayyoung 

You can do this by adding the following code to Custom CSS in Sales Channels > Online Store > Themes > Customize > Theme Settings.

product-card .product-badges__badge--rectangle, 
product-card .compare-at-price { display: none !important; }

[kayyoung]

Thanks a lot, it worked.

[jakeclifford]

Hi @kayyoung 

To do this you can add some custom CSS to the site.

1. In the theme editor click the settings icon in the top left

2. Find the custom CSS section and paste in this code

product-card .product-badges {
  display: none;
}

product-card .compare-at-price {
  display: none;
}

That should then hide both the sale badge and crossed out price 

If that helped solved your problem i'd appreciate it if you liked and set this message set this to the accepted solution.

Feel free to reach out if you have any more questions,
Jake