Reduce Padding WooCommerce Product Pages

[IPProduction]

I’m looking to reduce some margins between some of the elements on the product pages in WooCommerce.
https://soundcontrolte.wpengine.com/product/rc5-p60-for-cisco/

When you select a variation, there’s too much space between the Title, description, options, variation description, quantity, and Add to quote button.

I cant seem to find the right selectors for each item, any chance you could help me out?

Thanks!

[prakash_s]

Hello @IPProduction,
Thanks for writing to us.
Please check the selector

.woocommerce div.product .summary .variations

and
.woocommerce div.product .summary .single_variation .price

To learn about browser element inspector please check these articles given below.

How to Inspect Website Elements With Your Web Browser

Thanks

[IPProduction]

Thanks very much, thats perfect! I was able to find each individual selector, just had trouble finding the tree I guess.

[marc_a]

@IPProduction,

It’s our pleasure to help you.

Thank you.