Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 2, 2020 at 11:34 pm #1200326
    stofson

    I have changed the color of product prices on my webpages using the following CSS (from red into green color):
    p.price .woocommerce-Price-amount.amount{
    color:#719430!important;
    }
    #top.single-product .price span {
    color: #719430!important;
    }
    However, the price separator which is used between price ranges of a product with variations still is red. Example page: https://www.tretroller-laden.de/shop/marke/yedoo/yedoo-wolfer/
    Could you please provide me with a CSS code which turns also the separator into green (on single product page and product archive)?

    Thanks!

    April 3, 2020 at 11:34 am #1200474
    Rikard

    Hey stofson,

    Please try this CSS as well:

    .woocommerce-variation-price ins:before {
  color: #719430!important;
}

    Best regards,
    Rikard

    April 3, 2020 at 9:36 pm #1200643
    stofson

    Hi Rikard,

    thanks for your answer. It works, however only on the single product page. Do you have another CSS Code which turns the separator green also on the shop/archive page?

    Thanks again!

    April 3, 2020 at 9:48 pm #1200649
    Nikko

    Hi stofson,

    Can you try adding this CSS code as well:

    #top.archive p.price {
    color: #719430 !important;
}

    Best regards,
    Nikko

    April 3, 2020 at 10:07 pm #1200669
    stofson

    yay!
    Great job, it works. Thanks for helping me out on this!

    April 4, 2020 at 4:55 am #1200732
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Change color of separator between price range of product variations’ is closed to new replies.