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

Change Color of Sale Price

Solved

Change Color of Sale Price

JoeyRoo
Explorer
86 1 14

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. 

Accepted Solution (1)

Moeed
Shopify Partner
7764 2082 2567

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:

Moeed_0-1751627168865.png

 

If I managed to help then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 4 (4)

Moeed
Shopify Partner
7764 2082 2567

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:

Moeed_0-1751627168865.png

 

If I managed to help then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


dmwwebartisan
Shopify Partner
12384 2560 3749

@JoeyRoo 

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

span.amount.discounted {
    color: #000 !important;
}

Hope that works.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
PageFly App to customize your pages | The most powerful Shopify page builder app

ZestardTech
Shopify Partner
6161 1100 1479

Hello @JoeyRoo ,

Here are the steps to apply the necessary changes in your Shopify store:

  1. In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
  2. Locate Asset > base.css and paste the following code at the bottom of the file:
.price .amount.discounted {
    color: #151515 !important;
}

 

ZestardTech_0-1751628128531.png

 


Let me know if you need further assistance!

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

swym
Trailblazer
217 46 94

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.

 

swym_0-1751629209016.png

 

 

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.

 

swym_1-1751629209141.png

 

 

After this, all the sale prices should appear in black.

swym_2-1751629209690.png

 

 

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

- Appreciate the assistance. Show your approval with a Like! And when your question finds its answer, seal the deal by marking it as an Accepted Solution!
- Our Solutions: Wishlist Plus | Swym Back in Stock Alerts | Swym Gift Lists and Registries