Return to previous page

How can I change the color of the sku and price

This topic has 3 replies, 2 voices, and was last updated 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

2 Answers
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
Tony Rodriguez

Support staff

May 5, 2025 at 18:06

Dear Rich Kil,

As we continue our mission to exceed expectations, your insights become increasingly valuable. Could we, with all due respect, request your thoughtful feedback by giving our theme a deserved 5-star rating on ThemeForest?

Click here to share your valuable perspective: https://themeforest.net/downloads

Your time and trust are highly appreciated!

Best Regards,
The 8Theme Team

#442749 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 3 results - 1 through 3 (of 3 total)

The issue related to '‘how can I change the color of the sku and price’' has been successfully resolved, and the topic is now closed for further responses

Alex C. from Support replied in
Rotating / rolling elements on the home page, delay in loading speed 2 minutes ago 1
Alex C. from Support replied in
the customization dont work! in child and in normal 3 minutes ago 2
Andres started a topic
Main theme options dont work help with it pls 16 minutes ago 1
Luca R. from Support replied in
CSS: how to make column like in bootstrap 34 minutes ago 1

How can I change the color of the sku and price

Recent Community Activity

Alex C. from Support replied in

Alex C. from Support replied in

Andres started a topic

Luca R. from Support replied in

Helpful Topics

Browse by popular tags

Explore our best WordPress WooCommerce Themes collection