Dawn Theme - Sale and Button color

So i tried changing the theme’s color scheme settings, but when changing from black to my preferred color, it changed the entire texts color from black to that color. I only want the old price to be red, the “sale” to be green and then the quantity selection to be green aswell. Any css code that i can directly apply to the product page itself or some type of code for the theme’s code? Any help would be greatly appreciated. Thanks.

Hello @TPOfficial

would you like to share your store URL and password if any please.
so i can check and provide you possible solution for your question.

@TPOfficial this will need css coding, can you please share this product page link?

@TPOfficial Please follow the below steps to change the sale and button color in dawn theme. Let me know whether it is helpful for you.

  1. From admin, go to “Online Store” → “Themes”.
  2. Click the action button from the current theme and select “Edit code”.
  3. Search and locate the “section-main-product.css” file. Add the below CSS code at the bottom of the file and save the changes.
.price--on-sale .price__container .price__sale s.price-item--regular {
  color: #ff0000;
}
.price--on-sale .price__badge-sale {
  background: #008000;
}
.product .product-form__input--pill input[type=radio]:checked+label {
  background: #008000;
}
  1. Result will be like,

Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.

1 Like

Had to apply this to the css section on the product page, but it worked! Thank you!