WooCommerce Product Price Size Change

Hello,

I found two other forum discussion with solutions that didn’t work for me.

.woocommerce .price {
font-weight: 800;
font-size: 2em;
margin-bottom: 20px;
}

The above and variations of it, just increase the size of the DASH between the prices, but not the prices themselves

Is there a separate code for Single Product Pages versus Variable Product Pages?

Thank you,

Jesse

Hello Jesse,

Thanks for writing in!

I have inspected your page and I can see that you are using an optimizing plugin which minifies your css files. The code above do not affect the prices because you may have added this custom css:

.woocommerce div.product .summary .price>.amount, 
.woocommerce div.product .summary .price>ins>.amount {
    font-size: 24px;
}

You may need to check your custom css in Pro > Theme Options > Custom CSS or in Appearance > Additional CSS. Feel free to modify the custom css code.

Hope this helps.

That code worked perfectly thank you

You’re always welcome Jesse!

Cheers.

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