Reduce distance

[christine_i]

Hello,
there´s a big distance between the price of my products and the tax rate, price per unit, shipping on my shop page. I´ve marked it in red color.
https://fluegelschwinger.com/wp-content/uploads/2018/03/Screen.jpg
How can I reduce this distance?

Thanks a lot in advance.

Best regards,
Christine

[Alaa]

Hi Christine,

You can reduce this space by adding this CSS code to (X > Theme Options > CSS):

.woocommerce div.product .summary .single_variation .price {
    margin-bottom: 0.5em;
}

Feel free to readjust the margin-bottom value as you wish and if you are wondering how did I get this CSS selector that I used in the snippet above, then I do recommend watching this video explaining how to deal with Chrome DevTools:

Thanks.