How to Add Space Under the Add to Cart Button

Highlighted
New Member
26 0 0

I'm trying to add padding under the add to cart button. How would I do that? I'm on the minimal standard theme.


Screen Shot 2019-04-10 at 7.54.37 PM.png

0 Likes
Astronaut
1112 150 285

Can you share your store link and password if password protected?

If my solution helped you, please like and accept as solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes
Highlighted
New Member
26 0 0

andysdepot.com

0 Likes
Highlighted
Shopify Partner
17 2 5

You will want to use a margin for the spacing.

Add this to your CSS.

 

button#AddToCart.btn--full {

  margin-bottom: 20px;

}

 

the 20px can be whatever size you want.

RWH Studios - Shopify & WordPress eCommerce Designers & Developers
0 Likes
Highlighted
Astronaut
1112 150 285

You can add this to the bottom of your theme.scss.liquid file in your assets folder:

 

button#AddToCart {
    margin-bottom: 50px;
}

You can change 50px to however big you want the space to be.

 

Btw you have a whole mess of javascript errors on your site. May want to hire a web dev to track those down eventually.

 

errors.jpg

If my solution helped you, please like and accept as solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes
Highlighted
New Member
26 0 0

@Rob_Hinch wrote:

You will want to use a margin for the spacing.

Add this to your CSS.

 

button#AddToCart.btn--full {

  margin-bottom: 20px;

}

 

the 20px can be whatever size you want.


Ahh ok thanks

0 Likes
Highlighted
Tourist
19 0 0

Were you able to solve this? I have been trying the past 3 hours and i tries everything I could find on the web. BUt I am not coming to the solution yet!

 

edcc9eb27d64da70b0fb951facc73e02.png Can anyone help? I am using debut theme and I successfully added "add to cart" buttons to the collection page though I see the bottom not having any bottom margin. 1. I need the buttons to have space before the image below and 2. I need the buttons to appear centered. Does anyone know how to do this?

 
0 Likes