Return to previous page

Pricing colour changes for Single Product page

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

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.
#367620 Copied Theme version: 9.1.11 WooCommerce version: Latest
3 Answers
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
#367631 Copied
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

#367703 Copied

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.

#367719 Copied
Tagged: affordable woocommerce, customizable wordpress themes, pricing colour changes, single-product page, user-friendly templates, woocommerce templates, wordpress
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

Pricing colour changes for Single Product page

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection