Return to previous page

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

PR

Participant

March 3, 2023 at 22:43

Hello,

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.

https://xstore.8theme.com/elementor2/industrial-power-tools

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

Thanks for your help

#348776 Copied Theme version: 9.0.4

1 Answer
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
#348852 Copied
Tagged: change, colors, homepage, prices, themes, woocommerce, wordpress
Viewing 2 results - 1 through 2 (of 2 total)

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

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Zoo Shop – WooCommerce Theme

lazy-placeholder

Spice Store – WordPress WooCommerce Theme

lazy-placeholder

Electronic Mega Market – WordPress WooCommerce Theme

lazy-placeholder

Eco Scooter Store – WordPress WooCommerce Theme

lazy-placeholder

Corporate – WordPress Theme

lazy-placeholder

X-Phone Store – WordPress WooCommerce Theme

lazy-placeholder

NFT Crypto Marketplace – WordPress WooCommerce Theme

lazy-placeholder

Sidebar Boxed Store – WooCommerce Theme

lazy-placeholder

Kidsstore – WooCommerce Theme

lazy-placeholder

Electronics Store – WordPress WooCommerce Theme

See All Templates

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