How do I change my sales price to red

How do I change my sales price to red

Bathhauz
Visitor
1 0 2

https://bathhauz.com/

this is my store. how do i change the sale price to red. 

thanks! 

Replies 3 (3)

ZestardTech
Shopify Partner
6096 1091 1464

Hello There,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset -> base.css and paste this at the bottom of the file:

.price .price__sale span.price-item.price-item--sale.price-item--last {
    color: red;
}
span.price-item.price-item--sale.price-item--last {
    color: red;
}

ZestardTech_0-1684316045926.pngZestardTech_1-1684316070415.png

 

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
kashco
Explorer
107 1 14

But it doesn't achieve the same in mobile view. How to ensure it is done across each platform

flareAI
Shopify Partner
2405 224 549

Hello @Bathhauz,

 

I am Gina from flareAI app helping Shopify merchants get $6Million+ in sales from Google Search, on autopilot. Hope you are having a good day.


To change the product sale price to red in your Shopify store, you can modify the component-price.css.


1. Login to your Shopify admin panel.
2. From the left-hand sidebar, click on "Online Store" and then select "Themes."
3. In the "Themes" section, locate the theme you are currently using and click on the "Actions" dropdown button.
4. Select "Edit Code" from the available options.

5. Search for the file component-price.css file. 

Note: It's always a good practice to create a backup of your theme file before making any changes.
6. Scroll down to the bottom of the file and add the following CSS code:

span.price-item.price-item--sale.price-item--last {
color: red !important;
}

This CSS code targets the class responsible for displaying the sale price of the product and sets its color to red.

2023-05-17 2023-05-17 21-09-40 (1).png

7. Save the changes.


Once you have saved the changes, the sale price of your products should be displayed in red color on your Shopify store. Remember to preview the changes and ensure that they appear as desired.


Gina

flareAI : Get Sales from Google Search, on Autopilot
$10+ billion in eCommerce on Google Search, every day. Find out how much you are missing