Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
How can I change the color of the sale price on my store from red to black
theothelabel.com
This is showing on all sale items.
Solved! Go to the solution
This is an accepted solution.
Hey @JoeyRoo
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
span.amount.discounted {
color: black !important;
}
</style>
RESULT:
If I managed to help then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
This is an accepted solution.
Hey @JoeyRoo
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
span.amount.discounted {
color: black !important;
}
</style>
RESULT:
If I managed to help then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Please add the following code at the bottom of your css file.
span.amount.discounted {
color: #000 !important;
}
Hope that works.
Hello @JoeyRoo ,
Here are the steps to apply the necessary changes in your Shopify store:
.price .amount.discounted {
color: #151515 !important;
}
Let me know if you need further assistance!
Hi @JoeyRoo!
You can change the color of the sales price using two ways:
1. Direct code changes
2. Using the inbuilt Shopify Theme customisation settings - This is the preferred approach as you wont need to touch the code.
To do this, first navigate to your theme customiser. In the top right, click on the gear icon to open your theme settings. Within your theme settings, you’ll find a drop down menu called “Colors”. Click on this to expand it.
After this, scroll down to the option called “Discounted price”. From here, you can adjust the colour by clicking on it. After changing it to black, click on the “Save” button in the top right corner.
After this, all the sale prices should appear in black.
I hope this helps!
If my response helped you, please consider giving it a like (👍) and marking it as an accepted solution if it resolved your issue. Your feedback helps other community members with similar questions.
Regards,
Matthew from Swym