Return to previous page

How can I change the color of the sku and price

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

Rich Kil

Participant

October 28, 2023 at 00:46

https://ibb.co/SJPqBtX

#371827 Copied Theme version: 5.2 WooCommerce version: 8.2

1 Answer
Tony Rodriguez

Support staff

October 28, 2023 at 06:21
Hello, @Rich Kil,

If you are interested in modifying the color of the SKU and price in your site, kindly follow the instructions below:

1. Copy the CSS code provided below.
2. Navigate to XStore > Theme Options > Theme Custom CSS > Global CSS in your dashboard.
3. Paste the copied CSS code in the Global CSS section.
4. Click on ‘Publish’ to save the changes.

The CSS code is as follows:
```
.content-product .sku_wrapper {
    color: red !important;
}
.content-product .price {
    color: orange !important;
}
```
Please note that you can adjust the color code values according to your preference.

The final result should resemble the following: https://postimg.cc/pmC36N22

Should you have any further queries or require additional assistance, please do not hesitate to contact us.

Best Regards,
8Theme’s Team
#371836 Copied
Tagged: adjust sku color woocommerce wordpress, change woocommerce price color, price color customization woocommerce, woocommerce sku color change, woocommerce template price color modification, wordpress templates sku color
Viewing 2 results - 1 through 2 (of 2 total)