Dawn Theme - Sale and Button color

Solved

Dawn Theme - Sale and Button color

TPOfficial
Tourist
11 0 3

css2.PNG

 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.

Accepted Solution (1)

Vinsinfo
Shopify Partner
491 167 172

This is an accepted solution.

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

 

4. Result will be like,
Vinsinfo_0-1729314261529.png

 

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support

View solution in original post

Replies 4 (4)

Tech_Coding
Shopify Partner
514 132 131

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.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.

suyash1
Shopify Partner
10977 1358 1735

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

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

Vinsinfo
Shopify Partner
491 167 172

This is an accepted solution.

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

 

4. Result will be like,
Vinsinfo_0-1729314261529.png

 

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support
TPOfficial
Tourist
11 0 3

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