Hello, how can I change just the background color for the sale badge on the product page? Thanks.
I am using the Horizon theme.
Hey @fabiomalaspina
Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.
Best Regards,
Moeed
You can change the sale background by referring to the steps below:
- From Your store admin > nagivate Sales channels > open Online Store
- In Horizon Themes > click Edit theme
- Click the Homepage dropdown menu at the top center > click Collections > open the Default collection
- Theme settings > Sale, select a Scheme that your theme does not use,
- Click Edit > Change Background color and click the Save button
Best regards,
Dan from Ryviu: Product Reviews App
Hi @fabiomalaspina,
1. Go to Online Store → Theme → Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.
.product-badges__badge.product-badges__badge--rectangle.color-scheme-5 {
background-color: red !important;
}
Thanks!
Hi, @fabiomalaspina
You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code before the </head> tag
<style>
.product-badges__badge.product-badges__badge--rectangle.color-scheme-1{
background-color: red !important;
}
</style>
You can change the color you want.
Results:
Hope this helps! If yes then Please don’t forget hit Like and Mark it as solution!
Hello, my bad. I did not set the sale collection as the “Featured Collection”. Your suggestion resolved my topic. It seems that theme shows that setting for a collection with items on sale where the compare at price is not empty. Thanks!
You are very welcome!