How to Add Space Under the Add to Cart Button

New Member
27 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
875 104 194

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

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
27 0 0

andysdepot.com

0 Likes
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
Astronaut
875 104 194

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 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
New Member
27 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