Variable product – adjust space buy button

[larslenselink]

Dear admin,

On all of my variable product pages (e.g. https://www.transferpersshop.nl/winkel/sublimatie/sublimatie-onderzetters/sublimatie-onderzetter-mdf-kurk-95×95-cm/) there is a huge blank space between the dropdown selection list and the product description. The blank space gets filled up with the add to cart button after I’ve made a selection. However, I was wonder if I can reduce this default space (only expanding after I make a selection)?

[Mohammad – SUPPORT]

Hi,
Its compulsory to put the space otherwie content will override to each other. You can try to use this code:-

.woocommerce div.product form.cart, .woocommerce div.product p.cart{
margin-bottom:10px !important
}

Thanks
Mohammad

[larslenselink]

Thanks for your quick reply! Thats a pity. Its not possible to make the space 0 when no selection has been made, and change it to the necessary space for the button after the selection has been made?

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.variations_form {
    height: 50px;
    overflow:visible !important;
}

Thanks
Mohammad