Add To Cart Button Alignment Help

Solved
Twelveninetysix
Tourist
8 0 1

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 

C8000292-8B10-4C9D-928A-CD94B82D52DE.png

 

 

JHKCreate
Shopify Partner
2046 331 445

This is an 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!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
Twelveninetysix
Tourist
8 0 1

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 

2C985EC9-1467-4A9D-9E60-791466739781.png

 

0 Likes
JHKCreate
Shopify Partner
2046 331 445

That should do it:

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


Let me know!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
Twelveninetysix
Tourist
8 0 1

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

0 Likes
JHKCreate
Shopify Partner
2046 331 445

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! 

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes
Twelveninetysix
Tourist
8 0 1

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

0 Likes
JHKCreate
Shopify Partner
2046 331 445

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?

JHKCreate_0-1614107044998.png

 

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
Twelveninetysix
Tourist
8 0 1

Yes! That’s that output I would like. 

0 Likes
JHKCreate
Shopify Partner
2046 331 445

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

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes