Center Add to cart form (debut theme)

Solved
isaacflynny
Tourist
3 0 1

Looking to get the add to cart and trust badges centered. I'm sure its a very simple tweak in my code although im not the greatest with code and each attempt destroyed my page:/

 

Here is my product page with the off centered ATC form

 

https://ourlastcast.com/collections/accessories/products/edc-multi-tool-with-mini-tools-knife-pliers...

 

 

Thank you!

0 Likes
KetanKumar
Shopify Partner
17100 1856 6413

This is an accepted solution.

@isaacflynny 

Thanks for post.

do you mean this?

H20 Pro V2 Fishing Pliers – One LastCast.png

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Jasoliya
Shopify Expert
4221 569 1041

This is an accepted solution.

Hi @isaacflynny 

If you want to make form in center as ketan said then add this code in asset->theme.scss file at bottom:

.product-form {margin: 0 auto;}
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
isaacflynny
Tourist
3 0 1

Yes it worked! The form is now centered:) How might I center the quantity selector? Price? (if possible)Screen Shot 2020-05-12 at 4.14.34 PM.png

0 Likes
KetanKumar
Shopify Partner
17100 1856 6413

@isaacflynny 

Thanks for update

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.product-single__meta {
    text-align: center;
}
.price {
align-items: center;
}
.product-form__controls-group {
justify-content: center;
}
.product-form__item {
    flex-basis: auto;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
isaacflynny
Tourist
3 0 1
When you say bottom you mean the line beneath the last line of code correct?
KetanKumar
Shopify Partner
17100 1856 6413

This is an accepted solution.

yes, please

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

In the shops that deal with the sale  best skinning knife  of hunting items you will find many variations, with different technical characteristics and therefore also from the price that can be cheap, up to important figures, but for objects

kitchensalty.com
0 Likes