How to Add Space Under the Add to Cart Button

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

Hey Justin,

Just add this to your css file:

#AddToCart {

margin-bottom: 30px;
}

We help you DEVELOP.
Find out more at https://www.thebrandwebbers.com
0 Likes
Highlighted
Tourist
18 0 0

hi! Having a similar problem!

 

 

How did you solve this? 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?

 

edcc9eb27d64da70b0fb951facc73e02.png

0 Likes
Shopify Partner
8 0 2

Just add this to your css file:

#AddToCart {

padding-bottom: 20px;
}

 

---------------------

Want to modify or custom changes on store?
If helpful then please Like and Accept Solution .

 

0 Likes
Tourist
18 0 0

Hey there! @

 

 

0 Likes

Hello 

 


@ShopingNana wrote:

hi! Having a similar problem!

 

 

How did you solve this? 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?

 

edcc9eb27d64da70b0fb951facc73e02.png


 

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Web Development
0 Likes
Tourist
18 0 0

yes, please ! @oscprofessional 

 

 

 

billiondollarbabystory.com 

PW is Natsune

 
0 Likes

Hello,

Please add this css at the bottom of theme.scss file

#Collection input.btn {
    display: block;
    margin: 15px auto;
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Web Development
1 Like
Tourist
18 0 0

OMG! It worked!! Thank you so much.  

I actually have two following questions! 

 

1. Could you tell me a way to also move the quantity box to be centered?

2. Is there a way to align all the buttons horizontally? Right now they appear not aligned.

 

Thank you so much again and please let me know! 

0 Likes
Tourist
18 0 0

And actually I think by me adding the code to make the buttons to appear. I also made "recommended for you" on the product page to have this button space and position. Do you by any324387822da33c0e679877675b21d415.png chance also know how to make this quantity box and the bottun to appear centered and also make appropriate space in between then?

0 Likes