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

1 Like

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.

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; }

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

Thanks a lot, it worked.