How can I alter the regular price color in my theme?

Store Design

Topic summary

Change the regular (non-sale) product price color to dark grey (#494a4a) in a Shopify theme. The original poster wants the light grey regular price to appear as #494a4a on the product page.

Proposed solution: Add a CSS rule in assets/base.css targeting the regular price element (e.g., the .price-item.price-item–regular selector) and set color: #494a4a. Multiple replies recommend placing this at the bottom of the file for it to override existing styles.

Status/outcome: One participant confirmed the approach works for changing the regular price color.

Next step/open question: A follow-up asks how to change the sale price color; no specific selector or solution for sale pricing was provided yet, so that remains unanswered.

Notes: CSS (Cascading Style Sheets) controls visual styling; editing assets/base.css is the theme’s stylesheet change point. An image was included for context but is not required to apply the fix.

Summarized with AI on January 13. AI used: gpt-5.
1

Hi,

I want to change the regular price color, not the sale price color.

Screen Shot 2023-03-22 at 11.43.13 PM.png

I want to change the light grey to become a dark grey, like this #494a4a

My store is https://basicallysuperhuman.com/products/train-like-a-superhero-ebook

Thank you!

2

Please add below css code at bottom of assets/base.css file

.price__sale .price-item.price-item–regular {
color: #494a4a;

}
Thank you.

3

@BasicallySuper

Please add the following code at the bottom of your css file.

s.price-item.price-item--regular {
color: #494a4a;
}
4

Please add below css code at bottom of assets/base.css file

.price__sale .price-item.price-item–regular {
color: #494a4a;

}
Thank you.

5

it work, How do I edit the code if I want to change the sale price?