Change price range style

My price range on variable products is red. I want only summary price (in the down of page) to be red, and price range on product page (upper one) to be black.

But from what I see:
1. upper price (i mean upper on page),
2. total price (the one above options)
3. the only one price on page of non variable price product - they are all same class. So I can't change the styles.

I want.
1) if product has only one price on page (in the up) - red and big.
2) if product has 2 prices on page, upper one - small and black, down one - red and big.

How to do that?

Could you provide an URL to your page where this variable product is visible? If you can, please take the screenshot and mark elements that need to be changed.

See PM.

Try to add the following custom css code:

Code: Select all

.product-type-variable .price,
.product-type-variable .price .price-text,
.product-type-variable .price .price-text +.amount {
   color: #000!important;
   font-size: 18px!important;
}


Unfortunaly it affects total price here: http://custom-iem.ru/product/ice-lab-ex5/

so unfortunately it's not possible without overriding WooCommerce template files:
https://docs.woocommerce.com/document/t ... structure/

Then, you should add custom css class to your price (within overriden file) and use this class with my code from previous post. Regarding the override issue - please ask WooCOmmerce support, because it's plugin related.