Change the pricing color in the child theme

This topic has 5 replies, 3 voices, and was last updated 2 years, 6 months ago ago by Kiran

  • Avatar: Kiran
    Kiran
    Participant
    September 7, 2021 at 06:34

    Hi,
    I want the change the color of the main price from grey to Purple + Bold and the one on sale to Red in the child theme, as I have done this and it go backs to default after updating theme.
    Please tell me how and where to change the color.
    Thanks!

    Please, contact administrator
    for this information.
    4 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 7, 2021 at 12:50

    Hello,

    Add the next code in Theme Options > Theme custom CSS > Global custom CSS:

    .content-product .price, .content-product .products-page-brands, .content-product .products-page-brands a, .content-product .products-page-cats, .content-product .products-page-cats a {
        color: #702082;
        font-weight: 600;
    }
    .cart ins .amount, .price ins .amount, .product-price ins .amount {
        color: red !important;
    }

    Regards

    Avatar: Kiran
    Kiran
    Participant
    September 10, 2021 at 04:41

    Hi Rose,

    Thanks so much for the code. Is it possible if we can change the color in the individual product page as well as mentioned in the screenshot attached?

    https://ibb.co/LRHPKxP

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    September 10, 2021 at 12:26

    Hello,

    Replace the prvious code with this one

    .content-product .price, .product-content .price { 
        color: #702082;
        font-weight: 600;
    }
    .template-container .cart ins .amount, .template-container .price ins .amount, .template-container .product-price ins .amount {
        color: red;
    }

    Regards

    Avatar: Kiran
    Kiran
    Participant
    September 12, 2021 at 02:10

    Great, thanks a lot Olga. The code worked!!

  • Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘change the pricing color in the child theme’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.