Reducing Form Height in Store

Site URL: https://reindeer-sailfish-bkep.squarespace.com/config/design/product-items

Hi, 

I would really like to reduce the height of the form boxes in the shop - I know that I can reduce the width in the editor, but I still find the boxes too big - with Select Material and Select and quantity. 
Does anyone know how I can change this - or have code to reduce the size? 
My website is: https://reindeer-sailfish-bkep.squarespace.com/config/design/product-items and it is public. 

Thank you, 
Beanie

Hi App Dius

Before it was working when I gave the link: https://reindeer-sailfish-bkep.squarespace.com/config/settings/contributors and put on the password: help

But it looks different from before. I hope that works... Thanks Beanie

Can you share link to product in screenshot? We can check easier.

/config is admin url

Hi Tuanphan - I just posted on my other question... but does this help? 
https://www.terorepo.com/prints/p/icebergantarctica
thanks
Beanie

Add to Home > Design > Custom CSS

.variant-select-wrapper {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

You can also consider placing variants side by side.

Thank you - that works perfect  and looks much better I think - do you know if I can do the same for Quantity too? So that it matches. 
Thank you 

On 12/30/2020 at 10:09 PM, Beanie said:

Thank you - that works perfect  and looks much better I think - do you know if I can do the same for Quantity too? So that it matches. 
Thank you 

Use this CSS

/* Quantity input padding */
.product-quantity-input input {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}