Creating Equal Spacing Between Product Variant, Quantity, & Add to Cart

Hi there!
I'm setting up my shop and have been struggling with the layout of my product page. I want the variant ("binding"), quantity, and add-to-cart buttons to be evenly spaced vertically and I cannot figure it out (I tried playing with the padding, margin, and block info).

In the process of copying and pasting CSS, I also made my add-to-cart button slightly rounded and want to revert back to a rectangle but I cannot figure out how 🙂

Thank you so much!!!!

35 minutes ago, gitels said:

In the process of copying and pasting CSS, I also made my add-to-cart button slightly rounded and want to revert back to a rectangle but I cannot figure out how 🙂

Remove the border-radius property from the CSS you added.

35 minutes ago, gitels said:

I want the variant ("binding"), quantity, and add-to-cart buttons to be evenly spaced vertically and I cannot figure it out (I tried playing with the padding, margin, and block info).

Can you share your website URL and this page?

Sure thing
Website: https://www.jonathangitelson.com/

Page: https://www.jonathangitelson.com/shop/p/breakup

when checking the code, the space between the items is all 40px, it is currently even.

Weird, Why is it looking like this:
The space between "binding" and Quantity looks bigger than the space between "Quantity" and "add to cart."
Is there something in my CSS that is causing this?

I know it is a small detail, but it really sticks out to me when I look at the page.

Also, any idea how to remove the curved corners on the "Add to Cart" button?
I feel like this is something I screwed up with my CSS code.

Really appreciate your help 🙂

Is it the size of the "Binding" block that is the issue? Spacing is equal but block size is top weighted?

It's probably caused by the text line height adding a small amount of space above the text in addition to the 40px margin. Because the line height is variable based on the text size it will be tricky to adjust it to be pixel perfect with the spacing.