Selector for second price when on sale

[wicara]

I would like to change the sales price and the old price ie change the sizing I can not work out te selector

[christian]

Hey @wicara,

Here are the selectors and sample CSS

.woocommerce .price>del .woocommerce-Price-amount {
    color:red
}
.woocommerce .price>ins .woocommerce-Price-amount {
    color:blue
}

Hope that helps.

[wicara]

hello I can not seem to change the font size this way for the blue selector

[friech]

Hi @wicara,

We can make your selector more specific:

.woocommerce li.product .entry-header .price>ins>.amount {
    color: blue;
    font-size: 160%;
}

Or we can also add !important statement to the font-size

.woocommerce .price>ins .woocommerce-Price-amount {
   color:blue;
   font-size: 160% !important;
}

Either of that should work,

Cheers!