Return to previous page

How to change the color of the price in the shop on the 1st page?

This topic has 3 replies, 2 voices, and was last updated 2 years, 4 months ago ago by Hostelion Digital

Hostelion Digital

Participant

October 15, 2022 at 14:08

Dear 8Theme,

How to change the color of the price in the shop on the 1st page?
https://prnt.sc/yH3cwpqxq0VE

For the product page it worked but for the 1st page id doensn’t work. I used this code:
.content-product .price, .product-content .price, .product-item-right .price {
color: #a81c16;
}

Thanks!

#336543 Copied Theme version: 8.3.5

2 Answers
Tony Rodriguez

Support staff

October 16, 2022 at 06:13
Hello, @Hostelion Digital,

Please copy and paste the below-given CSS code to XStore >> Theme Settings >> Theme Custom CSS >> Global CSS and check back to your site after removing the browser cache.

.woocommerce-shop .content-product .price { color: red !important; }

You can change the color in the given code as per your requirements.

And if still, the issue will persist then please share the page URL and site WP Admin URL and Credentials with me in a private content area of this topic so that I will further check it for you and help you out.

Regards 8Themes Team.
#336560 Copied
Hostelion Digital

Participant

October 16, 2022 at 10:21
Hello Tony,

Yes, it workes for the Shop Page.
And for the Product Page.
But Not for the Home Page.

Anyways, I found the solution for Home Page:

.woocommerce-Price-amount.amount { color: #a81c16; }
#336571 Copied
Tagged: customize, price color change, shop page, template, woocommerce, wordpress
Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘How to change the color of the price in the shop on the 1st page?’' has been successfully resolved, and the topic is now closed for further responses

How to change the color of the price in the shop on the 1st page?

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection