Edit Sale Price Display - Brooklyn

Solved
Shopify Expert
169 40 78

@rhs888 mine is doing that by default but to change yours, go to your theme files and go to Assets > theme.scss.liquid. At the bottom of that file, paste the following: (please note that you can use hex values, rgb or $colorPrimary). $colorPrimary will be your themes chosen accent color.

.price.price--listing.price--on-sale span.price-item.price-item--sale {
color: #c40000;
}

.price.price--listing.price--on-sale span.price-item.price-item--sale .price__compare .price-item price-item--regular {
color: #000000;
}

 

Did I provide you with a working solution? Give me an Approved Solution!

Likes are appreciated as well :)
New Member
2 0 0

Thanks for the quick response! 

I was able to change the color of the strikethrough price here: 

span.grid-product__strikethrough {
@include accentFontStack;
font-size: em(14px);
color: #FF2D00;
text-decoration: line-through;
}

 

but adding these below it didn't change anything for me 

 

.price.price--listing.price--on-sale span.price-item.price-item--sale {
color: #FF2D00;
}

.price.price--listing.price--on-sale span.price-item.price-item--sale .price__compare .price-item price-item--regular {
color: #000000;
}

 

My theme.scss.liquid bottom section looks like this

 

Screen Shot 2020-11-21 at 4.08.36 PM.png

 

And the outcome is this:

 

Screen Shot 2020-11-21 at 4.09.59 PM.png

0 Likes