Return to previous page

How To Change Woocommerce Price Colour - by Jay545452

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

Jay545452

Participant

February 2, 2023 at 00:31

Currently the woocommerce price colour is a light grey. How do I change the woocommerce price colour on the single product page?

#345785 Copied Theme version: 9.0.3

10 Answers

Jay545452

Participant

February 2, 2023 at 00:32

And actually the woocommerce description text colour

#345786 Copied

Tony Rodriguez

Support staff

February 2, 2023 at 07:25

Hello, @Jay545452,

Thank you for purchasing our theme and for reaching out to our support center.

1. To change the product price color on the single product page, please navigate to XStore > Theme Options > Woocommerce (Shop) > Single product builder > Price > and select the desired color. For a better reference, please see the image provided here: https://postimg.cc/G9kT57dV

2. There are two ways to change the color of the product’s short description on the single product page. Please note that only one of these methods can be used at a time.

2. a. To access the Single Product Builder, please navigate to XStore > Theme Options > Woocommerce (Shop) > Single product builder > Short description. From there, you can select the color of your choice. For a better reference, please see the image provided here: https://postimg.cc/QByYvNk8.

2. b. You can edit the product and view the Product Short Description box, where you can select the text color according to your requirements. For a better reference, please see the image provided here: https://postimg.cc/dkwsdR3X

To change the product’s long description color on the single product page, simply edit the product. You will be able to see a Product Description box where you can select the text color according to your requirements. For a better reference, please see the image provided here: https://postimg.cc/3kd3GNR7

We appreciate your interest in our product and thank you for your support.

Best Regards,
8Theme’s Team

#345803 Copied

Jay545452

Participant

February 2, 2023 at 20:41

Hi,

Thanks for the comprehensive reply how I need something a bit more permanent for the long product description as the data is being imported. I can’t realistically go through over 5000 products manually changing the colour of the long product description

Thanks

#345893 Copied

Tony Rodriguez

Support staff

February 3, 2023 at 06:31

Hello @Jay545452,

We regret to inform you that there is no other available solution for this issue. As the page builder contains various elements with different classes, CSS is not a viable or permanent solution.

Thank you for your understanding.

Best Regards,
8Theme’s Team

#345917 Copied

Jay545452

Participant

February 3, 2023 at 11:29

So you are saying you can’t change the colour of the description text without having to do each one manually?

#345952 Copied

Tony Rodriguez

Support staff

February 3, 2023 at 13:24

Hello Jay545452,

We regret to inform you that there is no such possibility at this time.

However, you can post your request on our Taskboard at https://www.8theme.com/taskboard/. If it receives enough votes from other customers, our development team will consider adding it to one of the upcoming updates.

Best Regards,
8Theme’s Team

#345961 Copied

Jay545452

Participant

February 3, 2023 at 13:37

Are we talking about the same thing? As the description on woocommerce you have set it to grey. Its not grey by default so its been changed somewhere. Wondering if we are getting confused as to what we are talking about?

#345964 Copied

Tony Rodriguez

Support staff

February 3, 2023 at 14:01

Hello Jay545452,

We would appreciate it if you could provide us with a URL of your product so that we can attempt to set the long description text color CSS for your site.

Best Regards,
8Theme’s Team

#345971 Copied

Jay545452

Participant

February 3, 2023 at 20:21

Hi,

Here is a link for you : https://allthebricks.co.uk/product/the-avengers-quinjet/

I would like the colour : #2d2d2d

Please contact administrator
for this information.

#346003 Copied
Tony Rodriguez

Support staff

February 4, 2023 at 06:10
Hello Jay545452,

We suggest that you try the following CSS code in XStore >> Theme Options >> Theme Custom CSS >> Global CSS. After copying and pasting the code, please clear your browser cache and check your site again.
```
.woocommerce-tabs .wc-tab {
    color: #2d2d2d !important;
}
```
We hope this helps.

Best Regards,
8Theme’s Team
#346012 Copied
Tagged: change price color, customize price color, price color, woocommerce, woocommerce themes, wordpress
Viewing 11 results - 1 through 11 (of 11 total)