[root]

I am trying to change the color of the prices in the shop page using basic CSS,but can’t seem to fully accomplish it. The Colors are changed but the color for the variable product is still the same,
You can visit https://storebharat.com/shop/ and see it there.
I want the price to be in green, but in variable product it is still yellow.
I also don’t want to change the color scheme of anything else.

.price
{
color : #02882f !important;
}
.woocs_price_code
{
color : #02882f !important;
}
span .woocommerce-Price-amount
{
color : #02882f !important;
}
.woocommerce-Price-amount
{
color : #02882f !important;
}
.woocommerce-Price-currencySymbol
{
color : #02882f !important;
}
This is the code i have written in Appearance -> Customise -> Additional CSS

[root]

Hi Yash, hope have an amazing day ahead

check the following css :

.woocommerce div.products div.product:not(.product-type-simple) .price .woocs_price_code > span.amount:nth-child(1) {
color: #02882f !important;
}

Regards

[Author]

Posts