change sale price color

  • Hi, i have setted text colors according to my page. but when it comes to sale prices i don’t feel that hot pink is the best color to represent a sale (looks kind of close to red and is not inviting) i would like it to be more like a green. how can i change exclusively the sale price colour without changing the rest? check the link to view it

    https://www.ponponi.co.il/product-category/wallstickers/

Viewing 4 replies - 1 through 4 (of 4 total)
  • hannah

    (@hannahritner)

    Hey,
    You can change the color with this css:

    .woocommerce span.onsale, span.onsale {
    background: green;
}

    Just paste that into your custom css box in Theme Options > Advanced Settings.
    Hope it helps!

    Hannah

    Or if you’re referring the price itself, you should be able to use this CSS:

    .product_item .product_price > ins span {
    color: green;
}

    -Kevin

    Thread Starter betumayo

    (@betumayo)

    Hi thank you guys. and is there a way to chenge the ‘old’ price color? the one that is crossed above can i make it red?

    hannah

    (@hannahritner)

    Hey,
    In using Kevin’s css add an !important tag, like this:

    .product_item .product_price > ins span {
    color: green !important;
}

    Then add this css as well:

    span.woocommerce-Price-amount.amount {
    color: red;
}

    Hope that helps!

    Hannah

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘change sale price color’ is closed to new replies.