I need to change the color of the product price in the store and in related products

This topic has 4 replies, 3 voices, and was last updated 5 months, 2 weeks ago ago by Andrew Mitchell

  • Avatar: hafunerix
    hafunerix
    Participant
    July 2, 2024 at 15:19

    I would like to change the color of the sale price in:

    – in the store catalog https://postimg.cc/Mf0NNLyC
    – in related products at the bottom of the product page https://postimg.cc/kB9kKnCq
    – and in upsell products at the bottom of the product page

    from orange to this red: #bb0628
    font weight 700 (bold)

    Regular crossed out price color unchanged, but thickness also 700.

    Can you give me the CSS code for these changes – because I don’t think it can be changed in the template settings.Thank you.

    3 Answers
    Avatar: Justin
    Luca Rossi
    Support staff
    July 2, 2024 at 16:20

    Hi @hafunerix,

    Please add the following custom CSS codes under XStore > Theme Options > Theme Custom CSS > Global CSS:

    
    .content-product .price .amount {
        font-weight: 700;
        color: #000;
    }
    .content-product .price ins .amount {
        color: #bb0628;
    }
    

    Hope it helps!

    Avatar: hafunerix
    hafunerix
    Participant
    July 2, 2024 at 22:39

    Thank you

    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    July 2, 2024 at 22:40

    Dear hafunerix,

    We hope you’re reveling in the experience our theme brings! Your enthusiasm is what fuels our passion. Would you be so kind as to channel that energy into a 5-star rating on ThemeForest? Your feedback is the spark that lights our way!

    Click here to spread the love: https://themeforest.net/downloads

    Thank you for being an integral part of our journey!

    Best Regards,
    The 8Theme Team

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

The issue related to '‘I need to change the color of the product price in the store and in related products’' 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.