FROM CACHE - en_header

Sale Price colour

DaniAG
Excursionist
22 0 2

hi there,

 

I had some help yesterday to change the sale price colour in my District template, but I just realized that the code changed the colour of the full price items too.

 

Would someone be able to help me to tweak the code? I closed my previous post so I think the person who helped me is not being able to get my message.

 

My store is www.madetobefree.com.au

 

This needs to be dark grey:

DaniAG_0-1669624735956.png   

 

This is good as is:

DaniAG_1-1669624807465.png

Thank you so much.

 

Dani

Replies 5 (5)
MandasaTech
Shopify Expert
717 142 135
Hello @DaniAG 

Add this code below of theme.css file.

.price span.money
 {
 color: #4f4f4f !important;
}
☞ Helpful or Question answered? Please Click Like & Mark it Accepted Solution
☞ Want to modify or custom changes on store for affordable price? Click on Contact button here
☞ Email at info@mandasa.in
☞ Whatsapp at +918989609120 | Hire us at: Website Support Page
PageFly-Victor
Shopify Partner
5620 998 2343

Hi @DaniAG,

 

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

 

You can't change the color for the price to 2 different colors because it's the same class. Instead, you can do it like this:

PageFlyVictor_0-1669632894025.png

If you like it, please add this css at the bottom:

Online Store ->Theme ->Edit code

Assets -> section-image-banner.css

 

span.original-price.money {
    color: #b81de1 !important;
}

 

Hope you find my answer helpful!

 

Best regards,

Victor | PageFly

If it’s helpful for you, please let me know by giving it a like or marking it as a solution!


PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.


All features are available from Free plan. Let’s create unique website design with PageFly here.

DaniAG
Excursionist
22 0 2

hi Victor,

 

thanks for taking the time to suggest the code above. 

 

I see that this website below for instance have it as I'm trying to do with mine..  I mean most of the websites do:

Activewear, Sports Bras & Leggings on Sale | Lorna Jane AU

Lorna Jane New Activewear Arrivals | Lorna Jane Australia

 

Do you mean that there is not such a code to do that in my theme?

 

Thank you,

Dani

 

 

DaniAG
Excursionist
22 0 2

hi there, I tried but it changed all the prices to grey including the sale price..

PageFly-Victor
Shopify Partner
5620 998 2343

Hi @DaniAG ,

 

This is Victor from PageFly - Shopify Page Builder App., I’d like to suggest this idea:

 

I found a way to get this working you can try with this code:

 

Add this css at the bottom

Online Store ->Theme ->Edit code

Assets -> theme.scss.css

 

.price:has(.money~.original-price.money) .money:first-child {

    color: rgb(184,29,225) !important;

}

 

Hope you find my answer helpful!

Best regards,

Victor | PageFly

If it’s helpful for you, please let me know by giving it a like or marking it as a solution!


PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.


All features are available from Free plan. Let’s create unique website design with PageFly here.