Minimal Theme - Individual Product Page & Collection - Change Sale Price Color

Store Design
1

Hi all,

Hi all - I am utilizing the Minimal theme for my store (private, however can provide URL if needed), and used this helpful discussion to update the color of the sale price on the Collections page. See below:

01.PNG

However, once you click on the product and go into its individual product page, the red color does not carry over - instead show the default color:

02.PNG

How could I edit the code in order to have the red color carry over both on the collection and individual product pages?

I couldn’t find any results for this particular question, so please let me know if I’ve missed anything (first time poster here).

Thanks everyone!

2

Hello @Steven_G ,
Welcome to the Shopify community!
Please Share your store live url with password (if it password protected) where you want to do modification, so that I will solve your issue here!

1 Like
3

hello @Steven_G

Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.

1 Like
4

Thank you for your reply @Kinjaldavra & @oscprofessional ,

My store is https://shopthepopup.com/. It is not password protected. You can simply click on Sale on the main menu to get to the discount hoodie.

Let me know if there is anything else I can provide you with. Thanks!

5

hello @Steven_G

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.template-product .product-single .product-single__prices .product-single__sale-price{
    color: red;
}
6

@Kinjaldavra , thank you for looking into this.

I did as you asked, however it is changing the original strikethrough retail price, and not the discounted price.

Capture01.PNG
Capture01.PNG438×179 5.11 KB

Just to ensure I followed the right navigation, I went to assets/theme.scss.liquid correct? There is no solid theme.css - other than theme.js.

7 
#we-don-39-t-agree-special-edition span#ProductPrice {
    color: red;
}
8

hello @Steven_G

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.template-product .product-single .product-single__prices span#ProductPrice {
    color: red;
}