(Split Theme) Change color of sale price

Solved
flexsabo
New Member
2 0 1

Hello,

I would like to change the color of the sale price into red. Does anyone know how to do this? 

 

This is how it looks at the moment like.

 

flexsabo_0-1619679672402.png

 

Thanks for your help!
Felix

g33kgirl
Shopify Partner
223 59 71

Hi @flexsabo, which theme are you using? Can you share your website url?

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl ☕
If you're not comfortable with code, please modify code files at your own risk.
Do NOT give out your passwords unless absolutely necessary.
0 Likes
flexsabo
New Member
2 0 1

Hey, I am using the Split Theme. The URL is camino71.com

 

Thanks
Felix

0 Likes
Natztech
Shopify Partner
646 175 432

@flexsabo  please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

 

.template-product .price-reviews .price .compare-price{
     color: #ff0000 !important;
}

 

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
HardikDavra
Shopify Partner
1919 302 823

@flexsabo Please place this code at the end of theme.scss

.price-reviews .price .compare-price {
     color: #ff0000 !important;
}
Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes
g33kgirl
Shopify Partner
223 59 71

This is an accepted solution.

You can add this code at the end of your CSS file (Themes -> Edit code -> Assets -> css_main.scss.css) :

.sale + div .product-price {
  color: #d00000;
}

 

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl ☕
If you're not comfortable with code, please modify code files at your own risk.
Do NOT give out your passwords unless absolutely necessary.
dmwwebartisan
Shopify Partner
5835 1336 1713

@flexsabo 

Please add the following code at the bottom of your assets/css_main.scss.css  Or  assets/css_main.scss.liquid file.

.template-product .box__product-content .compare-price { color: red !important;}
.site-box.box__collection .product-item .caption .price del, #shopify-product-reviews .box__collection.spr-header .product-item .caption .price del, #shopify-product-reviews .box__collection.spr-content .product-item .caption .price del, .template- div.box__collection[class*="title"] .product-item .caption .price del, .template- div.box__collection[class*="body"] .product-item .caption .price del {color: red !important;}

Hope this works.
Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes