All things Shopify and commerce
https://bathhauz.com/
this is my store. how do i change the sale price to red.
thanks!
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;
}
But it doesn't achieve the same in mobile view. How to ensure it is done across each platform
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.
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
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025