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, 11 months ago ago by Tony Rodriguez

  • Avatar: PR
    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
    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

    #348852 Copied

  • Tagged: , , , , , ,

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

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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Default RTL – WordPress WooCommerce Theme
lazy-placeholder
Lifestyle Blog – WordPress WooCommerce Theme
lazy-placeholder
Bags Store – WooCommerce Theme
lazy-placeholder
NFT Crypto Marketplace – WordPress WooCommerce Theme
lazy-placeholder
Drinks Store – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store 03 – WordPress WooCommerce Theme
lazy-placeholder
Pizza Store – WordPress WooCommerce Theme
lazy-placeholder
X-Phone Store – WordPress WooCommerce Theme
lazy-placeholder
Burger Store – WordPress WooCommerce Theme
lazy-placeholder
Purely Handmade – 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.