Pricing colour changes for Single Product page

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

  • Avatar: Lovelyfashioncompany
    IP
    Participant
    September 15, 2023 at 18:29

    Hello, hope you are well.

    I have changed colours for price inn XSTORE > Theme Options > Woocommerce (Shop) > Single Product builder > Price

    For some reason when trying to change the SALE Price (crossed out price here https://prnt.sc/xBGccnjmJ7Js) it changes the price for normal price as well (supposed to only be for sale price – here https://prnt.sc/zI0qEktxfVU-)

    Please note, i have changed the prices on product archive page via css from an older xstore post I found and can confirm that same css doesn’t work for single product.

    Thanks

    span.price del span.woocommerce-Price-amount.amount {
        color: red !important;
    		text-decoration: line-through;
    }
    
    span.price span.woocommerce-Price-amount.amount {
        color: green !important;
    				font-weight: 400;
    }
    
    span.price ins span.woocommerce-Price-amount.amount {
        color: green !important;
    		font-weight: 600;
    }
    
    Please, contact administrator
    for this information.
    3 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    September 16, 2023 at 05:29

    Hello, @IP,

    Thank you for reaching out to us.

    To change the color of the sale price (crossed price) on the single product page, please follow the instructions below:

    1. Copy the following CSS code:

    .single-product .et_product-block > .price del span.woocommerce-Price-amount.amount bdi {
        color: orange !important;
    }
    .single-product .et_product-block > .price del {
        text-decoration-color: #149524 !important;
    }

    2. Navigate to Xstore >> Theme Options >> Theme Custom CSS >> Global CSS on your website’s backend.

    3. Paste the copied CSS code into the Global CSS section.

    4. Replace the word ‘orange’ and color code ‘#149524’ in the code with your desired color.

    After implementing these changes, your sale price color should be updated according to your preference.

    Please do not hesitate to contact us if you have any further questions or concerns.

    Best Regards,
    8Theme’s Team

    Avatar: Lovelyfashioncompany
    IP
    Participant
    September 17, 2023 at 20:17

    Hello, thanks for your response
    This has worked perfectly, thanks very much and have a nice day

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    September 18, 2023 at 05:41

    Hello, @IP,

    Thank you for contacting us and for using our theme and support services. We appreciate your feedback and are glad to know that you are satisfied with our product and services.

    We kindly request you to consider leaving a 5-star rating for our theme and customer and technical support by visiting http://themeforest.net/downloads. Your feedback and positive review would not only help us improve our product but also encourage us to provide better support in the future. It means a lot to us and we are grateful for your support.

    If you have any further queries or concerns, please feel free to contact us anytime. We are always here to assist you.

    Thank you again for choosing our product and services.

    This topic is now closed!

    Best regards,
    8Theme’s Team.

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

The issue related to '‘Pricing colour changes for Single Product page’' 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.