How to change sale logo and sale price text colour

Store Design
1

Hi there,

I am trying to change the colour of my sale icon on my website www.theboredroom.store. I want the “New” products item to stay the same colour but for the “sale” tag to display in red with white text.

I am also trying to change the colour of the sale price to red currently it displays in black. I have attached images that show what I mean, any help would be gre

This is how it currently displays as shown.

2

hii, @Larry12345
Paste this code on top of the theme–async.css file.

.product--price-wrapper span {
    color: red !important;
}
.product--sale {
    background-color: red !important;
    color: white !important;
}

Thank You.

3

@Larry12345

Please add the following code at the bottom of your assets/theme-async.css file.

.product--sale {
    background-color: red !important;
    color: #fff !important;
}
.product--price-wrapper span {  color: red !important; }

Hope this work

4

Hi Thanks for the replies guys, for some reason all of the pricing text is now red. I only want the sale prices to be in red not all of them. I’ve attached an image in the zip that shows what should be black and what should be red.

Thanks in advance! :grinning_face_with_smiling_eyes:

1 Like
5

@Larry12345

Please add the following code at the bottom of your assets/theme-async.css file.

[data-container=section] .product--compare-price[data-item] {
    padding: 0;
    flex-basis: unset;
    color: #000 !important;
}

Hope this works.