Return to previous page

Variable Product Price has little/no styling

This topic has 4 replies, 3 voices, and was last updated 7 years, 8 months ago ago by Olga Barlow

pt1011

Participant

August 1, 2016 at 15:16

Our variable products have price changes upon selection of the product options. After all the required options are selected, the price is displayed, but there seems to be no styling to the price, as it appears with no margin above the quantity selector. please give the following classes some theme styling love!

thanks.

.woocommerce-variation-price
.woocommerce-Price-amount
.price

#135248 Copied

3 Answers

Olga Barlow

Support staff

August 1, 2016 at 19:16

Hello,

Please, provide me link to page where I’ll be able to see the problem. After that I’ll send you the code to fix this issue.

Regards

#135291 Copied

pt1011

Participant

August 1, 2016 at 21:39

I have no live site for you to see the problem, kindly add a variable product with a price change and test on your own site. https://www.8theme.com/demo/xstore/shop/woman/blouses/bacon-blouse/

you will notice the price appears right above quantity selector.

#135301 Copied
Olga Barlow

Support staff

August 2, 2016 at 09:57
Hello,
Please add following CSS code in your custom.css
```
.woocommerce-variation-price {
  width: 100%;
  display: inline-block;
  margin: 10px 0 15px;
}
.woocommerce-variation-price .woocommerce-Price-amount {
  font-size: 22px;
}
```
We have already added this code in our theme and you will see changes in our next update.

Regards
#135349 Copied
Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘Variable Product Price has little/no styling’' has been successfully resolved, and the topic is now closed for further responses

Variable Product Price has little/no styling

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection