Product page "add to cart" button - how to make it left aligned?

[mecanic]

Hello, recently i added button "add to cart" and after centering it, the add to cart button in product page is also centered. I need it to stay on the left and "add to cart" button in collection page to stay in the centre

Any possible way to solve this? 
Also, would be great to align all "add to cart" buttons on the collection page  

Please help 

[oscprofessional · Accepted solution]

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

#shopify-section-product-template .product-single .grid__item.post-large--one-half form {
    text-align: left !important;
}

[Kinjaldavra · Accepted solution]

@mecanic  for add to cart button" alignment

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

#shopify-section-product-recommendations .product-recommendations .grid-uniform  .grid__item .grid-link__title{
	  min-height: 40px !important;
}

[Kinjaldavra]

Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.

[mecanic]

Hello,

www.mecanictools.lt

pass: awttad

[oscprofessional · Accepted solution]

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

#shopify-section-product-template .product-single .grid__item.post-large--one-half form {
    text-align: left !important;
}

[mecanic]

Worked perfectly, thanks!

Perhaps you have a solution for "add to cart button" alignment?  

[Kulvindar]

Hello there,

I am experiencing an issue with the alignment of the "Add to Cart" button. It is not centered. Please refer to the attached screenshot.

[Kinjaldavra · Accepted solution]

@mecanic  for add to cart button" alignment

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

#shopify-section-product-recommendations .product-recommendations .grid-uniform  .grid__item .grid-link__title{
	  min-height: 40px !important;
}

[mecanic]

@oscprofessional 

thanks for solution.
any possible way to align all "add to cart" buttons? 

[oscprofessional · Accepted solution]

Add this css

.grid-uniform p.grid-link__title {
    min-height: 40px !important;
}

[mecanic]

@oscprofessional thank you very much!!! 

[oscprofessional]

Hello,
Please share your site url.
So that I can check and let you know the exact solution here.