I’m running a sale currently and I want to change the color of the price highlighted in the pictures on both the collection page and product page. I would like it to be green. Doesn’t matter what shade of green I’ll just change it to my liking. Could someone please provide a code to solve this issue. Thanks!!!
1 Like
Pre-existing solutions are common for such things always search first and save a TON of time.
But for any of the existing solutions the theme has an issue,
There is this rule in base.css that may prevent styling the sales text.
.price__sale .price-item–regular{
color: #000000 !important;
}
Remove that !important part. This is why the !important declaration is to be avoided it just creates future problems.
Then in a custom css setting either global or for that section try
.price__sale .price-item--sale { color: red ; }
then apply !important to that rule if neccesary.
If you need this customization fixed then contact me by my email for services.
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.
Good Hunting.
Hello There,
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > base.css and paste this at the bottom of the file
.price-item.price-item--sale.price-item--last {
color: red!important;
}
Hi @Anonymous ,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: Paste the below code at the bottom of the file → Save
Hope my solution works perfectly for you!
Best regards,
Oliver | PageFly