Hi there, could someone give me a hand please on how to change this simple red color to black. The theme doesn’t offer me the option, I’ve had some tries through codes but didn’t work, any help is welcome. Thank you!
Topic summary
Goal: Change the product price color from red to black on a Shopify product page where the theme has no built-in option. A screenshot was provided to show the current red styling.
Proposed solution:
- Add a custom CSS rule:
.prices .compare-price { color: black !important; }
The !important flag forces this style to override theme defaults.
How to apply it:
- Shopify Admin → Online Store → Themes → Edit code.
- Open one of the theme CSS files: base.css, theme.css, or styles.css.
- Paste the rule at the bottom of the file and save.
Context and scope:
- The rule targets elements matching .prices .compare-price. No Liquid/template edits were suggested.
Status/outcome:
- Clear implementation steps were provided by a responder.
- The original poster asked where to place the code and received step-by-step guidance.
- No final confirmation of success from the requester, so resolution is currently unconfirmed.
1 Like
Hi @louisdemark , Pls insert this code to your file css :
.prices .compare-price {
color: black !important;
}
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it asa solution. Thank you 
Hi there, thank you for your help.
Which file should I paste that?
Hi @BSSCommerce-HDL , sorry for the inconvenient, where should I paste that exactly? thank you
Hi @louisdemark ,
You can try this code by following these steps:
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file base.css, theme.css or styles.css
Step 3: Insert the below code at the bottom of the file → Save
.prices .compare-price {
color: black !important;
}
Hope this can help you
If our suggestions are useful, please let us know by giving it a like or marking it asa solution. Thank you