Docs

[cetlinc]

Hi,

I’m trying to change the ‘sale’ price font color. Unfortunately, everything I try either doesn’t work or changes the price font color globally. I’m using X-theme v.4.5.2 and WooCommerce v2.6.2

I’ve tried using the following CSS:

1)
.woocommerce .onsale .amount {
background-color: #FFFFFF;
border-color: #FF0000;
color: #FF0000 !important;
}

Which doesn’t do anything.

2)
.woocommerce li.product .entry-header .price .amount,
.woocommerce div.product .summary .price > .amount {
color: #FF0000;
}
Which changes the price globally.

I’m also suppressing the sales banner (corner of the sale item image) using the following:

.woocommerce .onsale {
display: none;
color: #FF0000 !important;
}

I’ve attached a screen shot of the price I want changed (Circled).What am I doing wrong?

Thanks for any help.

[Joao]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[cetlinc]

Oh sorry, the URL is: http://cosmolaneboutique.com/boutique/

If you scroll down a bit you can see the sales products, as pictured in the file I attached.

[Jade]

Hi there,

Please try this code:

.price ins .woocommerce-Price-amount {
    color: red !important;
}

Hope this helps.

[cetlinc]

Thanks! Worked a charm. You’ve been a great help.

[John Ezra]

On behalf of Jade and our team you’re most welcome!

[Author]

Posts