center add to cart buy button

Highlighted
Tourist
10 0 2

How do I center my add to cart/buy now button? 

Using Debut theme, please help!

 

align.PNG

0 Likes
Highlighted
Astronaut
929 81 109

give your website link and password if any, I will give you the CSS

you are welcome to contact me.
My email - suyash.patankar@gmail.com
0 Likes
Highlighted
Shopify Partner
1146 231 299
.product-form--payment-button-no-variants {
    max-width: 100% !important;
}
.product-form__item--no-variants {
    max-width: 100% !important;
}
.product-form__cart-submit{
  margin: 0 auto !important;
  width: 70% !important;;  // Change it a/to your need
}
.shopify-payment-button {
    width: 70%;   // Change it a/to your need
    margin: 0 auto;
}

Add this css in your theme.scss.css 

Thanks

Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
2 Likes
Highlighted
Tourist
42 0 1

Hey I have try this but it dosnt works. I would like to have it like in the picture. So center the entire marked area above the product description.Thank you for your help!

 

community.png

0 Likes
Highlighted
Tourist
3 0 0

I need help with centering my continue shopping button (which I added through this Shopify tutorial https://shopify.dev/tutorials/customize-theme-add-back-link#collection-page

My store is https://hypefamz.myshopify.com/

Password: Hypefamz

As you can see from the cart page, my continue shopping button is misaligned from the checkout button

 

0 Likes
Highlighted
Astronaut
929 81 109

@Fabb 

 

please add following css to the end of your theme.scss file and it should worok

 

#continue-shopping{width: 100%; text-align: center; max-width: 100%;}

you are welcome to contact me.
My email - suyash.patankar@gmail.com
1 Like
Highlighted
Tourist
3 0 0

thanks for your help, it works perfectly!

is there also a way to space it slightly from the checkout button? 

0 Likes
Highlighted
Astronaut
929 81 109

@Fabb 

 

please replace previous css line with this new line, adjust numbers as per need. 

 

#continue-shopping{width: 100%; text-align: center; max-width: 100%; margin-top: 20px;}

you are welcome to contact me.
My email - suyash.patankar@gmail.com
1 Like
Highlighted
Tourist
3 0 0

Thanks for your help, that was exactly what I was looking for!

0 Likes