Edit Sale Price Display - Brooklyn

[shayOwensby]

@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;
}

[rhs888]

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

And the outcome is this: