Price + price info colour of mutual products

Support
#1

Hi,

I would like to have the colour of my mutual products prices in white, but when I change it, the product price on the the top of the page turns also white.

How can I just change the mutual + crossselling products price colour?

Any idea?

Thx

#2

Hello Nikolaus,

Please add this code in X > Theme Options > CSS:

.woocommerce li.product .entry-header .price > .woocommerce-Price-amount {
    color: #fff;
}

If the color does not change, please provide the URL of your site so that we can check it.

Hope this helps.

#3

Nice! and can please send me the CSS code for the curreny symbol and price suffix as well? Because it is still blue

Thank you!

#4

Hello Nikolaus,

Please update the code to:

.woocommerce li.product .entry-header .price > .woocommerce-Price-amount,
.woocommerce li.product .entry-header .price > .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
    color: #fff;
}

Hope this helps.

#5

worked for the symbol but not for the suffix :confused:

#6

Hello Nikolaus,

The code did not work because you have added this css code:

.single .price .woocommerce-Price-amount {
    color: #3d4c95 !important;
}

.single .price .woocommerce-price-suffix {
    color: #3d4c95 !important;
}

You will need to update the code and change the color into white.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.