Changing the discounted price

[apa_1]

I need help changing the discounted price across the entire website to a red color instead of black. I am using the Enterprise theme.

[tobebuilds]

Hi apa_1,

The Enterprise theme uses these CSS classes for pricing:

• price - For the container that holds both the pre-discount and post-discount price
• price–-on-salegets added to the .price container if an item has a discount
• price__current is used for post-discount price (or the price if there is no discount)
• price__was is used for the pre-discount price

Therefore, adding this style to your theme’s CSS should make all the discounted prices red:

.price--on-sale .price__current {
  color: red;
}

Hope this helps,

Tobe Osakwe - developer of Regios Discounts

[Moeed]

Hey @apa_1

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>
.price.price--on-sale {
    color: red !important;
}
</style>

RESULT:

If I managed to help you then a Like would be truly appreciated.

Best,
Moeed

[suyash1]

can you please share this page link?

[devcoders]

Hi @apa_1

Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

Best regards,
Devcoder

[Dan-From-Ryviu]

@apa_1

Enterprise theme.

Please add this code to Custom CSS in Theme settings

.price--on-sale .price__current { color: red !important; }

[Steve_TopNewYork]

Hi @apa_1,

.price--on-sale .price__current {
  color: red !important;
}