Reply 348852 to: How to change the color of the prices on home page etc

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:
https://postimg.cc/Xrb95hz6
https://postimg.cc/87pjNVYc

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

Go To The Whole Conversation In Topic
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.