How to change the color of the prices on home page etc

This topic has 2 replies, 2 voices, and was last updated 1 years, 1 months ago ago by Tony Rodriguez

  • Avatar: PR
    March 3, 2023 at 22:43


    How can i change the color of the before price and after price on the home page, or on the related products which appear on product pages.

    Right now the before price is grey and the after price is yellow

    Thanks for your help

    1 Answer
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    March 4, 2023 at 09:22

    Hello PR,

    To change the color of the regular and sale price on the home page, or on the related products which appear on product pages, please copy and paste the relevant CSS code into Xstore >> Theme Options >> Theme Custom CSS >> Global CSS. Once this is done, please clear your browser’s cache to view the changes.

    span.price del span.woocommerce-Price-amount.amount {
        color: green !important;
    span.price span.woocommerce-Price-amount.amount {
        color: blue !important;
    span.price ins span.woocommerce-Price-amount.amount {
        color: black !important;

    Please refer to the following links for the desired result:

    We hope you can find the color that best suits your needs, whether it be a name or a color code.

    We thank you for your cooperation and remain at your disposal.

    Best Regards,
    8Theme’s Team

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

You must be logged in to reply to this topic.Log in/Sign up

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