Return to previous page

How to change the color and font size of the product price?

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

Stelio

Participant

May 6, 2023 at 18:49

How to change the color and font size of the product price?

https://prnt.sc/9hJLtSMWBchA

Thanks

#355788 Copied Theme version: 9.1 WooCommerce version: 7.6.1

5 Answers
Rose Tyler

Support staff

May 7, 2023 at 08:46
Hello, Stelio,

Thank you for contacting us and for using XStore.

The next custom CSS code can be used:
```
.single-product .product-content .price {
    font-size: 16px;
    color: #333;
}
```
We hope this information is helpful.

Kind Regards,
8theme team
#355808 Copied
Stelio

Participant

May 7, 2023 at 19:07

Thank you so much for your answer!

For the product page it worked, but the price of the product appears in several places: Home, Shop, Quick View, Wishlist, Compare, Checkout, etc…

Isn’t there a way to make the same adjustment globally? Otherwise, it is strange to change only one page and in the other places a different pattern appears.

#355857 Copied
Rose Tyler

Support staff

May 8, 2023 at 07:57
Hello, Stelio,

Thank you for your response.

You provided a screenshot from a single product page, so you get code for the single product page – https://prnt.sc/OxSCfuxMA1yl
“Isn’t there a way to make the same adjustment globally? ” – yes, change the previous custom CSS code to:
```
.product-content .price, .content-product .price, .price, .shop_table .amount {
    font-size: 16px !important;
    color: #333 !important;
}
```
We hope this information is helpful.

Kind Regards,
8theme team
#355894 Copied
Stelio

Participant

May 8, 2023 at 21:15

Thank you very much!

#355996 Copied

Tony Rodriguez

Support staff

May 9, 2023 at 05:11

Hello, Stelio,

You’re Most Welcome!!

Sound’s Good!! that your issue is resolved now.

Feel free to write back to us with a fresh new topic for the new issue, we are always here to help you.

Thanks for contacting us.
Have a great day ?

This Topic is now Closed.

Best Regards,
8Theme’s Team.

#356006 Copied
Tagged: best selling, change, font size, persuasive, price color, theme, woocommerce
Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘How to change the color and font size of the product price?’' has been successfully resolved, and the topic is now closed for further responses

How to change the color and font size of the product price?

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection