Change the sizes of the boxes on the product page

Hello

I have to fix these boxes since they looks horrible, the thing is i want a size fit like the others items on the page. To much space into the boxes and want it to be more sleek. :slightly_smiling_face:

Anyone have a idea how this can be fixed in a simple way?

Thanks in advance guys. :slightly_smiling_face:

See attached image who is located on the product pages:

My storeurl:

www.dekanten.no

Hello there @Dekanten Add this code here at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

input#main-product {
padding: 0 6px;
border: 1px solid;
}
.product-form__input .select {
max-width: 100%;
}.product-form__input {
min-width: auto;
}

You can add custom CSS to reduce the spacing and make the boxes sleeker. Try adding this code to your theme’s CSS file:

.product-grid-item {
padding: 10px;
margin: 0;
}

Adjust the padding value to your desired spacing. This should give you a more compact and sleek layout.

Let me know if are able to fix that.

Hello

This dont work wherever i placed them, the main issue i want to reduce size of the box be smaller on the Klarna and the info box below that.

Can those be reduced to a smaller ones? They are too big and have to much air into them. Hope we can figure something out. :slightly_smiling_face:

Prove me with your store URL And Collaboration code let me help you with that