Add To Cart Button Alignment Help

[Twelveninetysix]

Hi! I recently added “Add To Cart” Buttons to my collection pages under my products via coding and need help getting them all aligned please. Here is a screenshot of my problem and my website link. Any help is very appreciated. Thank you  HTTPS://Twelveninetysix.com

Also if a code can be provided to move  “Quantity” Selector down a bit because it’s too close to the price - Thank you again 

[JHKCreate · Accepted solution]

HI @Twelveninetysix 

For the quantity spacing add the following code to your theme.scss.css file:

.product__quantity.product__quantity--dropdown {
    margin-top: 15px;
}

Let me know!

[Twelveninetysix]

Thank you so much that definitely worked and moved it down! The “size” is also close to the price if you can provide another code to move that down as well? Thank you so much 

[JHKCreate]

That should do it:

.variant-wrapper.variant-wrapper--dropdown.js {
    margin-top: 15px;
}

Let me know!

[Twelveninetysix]

YES! That did it 🤩 Thank you so much. Appreciate your help! Now just have to get the buttons aligned 

[JHKCreate]

That's kind of a bigger issue here since it's a structural change, not something that could be solved with a line or two of code unfortunately! 

[Twelveninetysix]

oh ok.. any advice on what I should do to get this resolved? Or should I contact someone whose more advanced? 

[JHKCreate]

It's just that it needs more time to work on, so it will need to be a paid service. But before we get there, is that the output you want?

[Twelveninetysix]

Yes! That’s that output I would like. 

[JHKCreate]

OK Hold on, might be an easy solution here, sharing the code shortly!