To continue receiving payouts, you need to secure your account by turning on two-step authentication. If two-step authentication is not turned on your payouts will be paused. Learn more

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

Solved
mecanic
Tourist
6 0 1

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 Untitled.pngUntitled1.png

Accepted Solutions (3)

Accepted Solutions
oscprofessional
Shopify Partner
13772 2096 2691

This is an 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;
}
If helpful then Please Like and Accept Solution. Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Custom Pricing Wholesale App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant

View solution in original post

Kinjaldavra
Shopify Partner
2302 569 1409

This is an 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;
}

 

 

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp

View solution in original post

oscprofessional
Shopify Partner
13772 2096 2691

This is an accepted solution.

Add this css

.grid-uniform p.grid-link__title {
    min-height: 40px !important;
}
If helpful then Please Like and Accept Solution. Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Custom Pricing Wholesale App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant

View solution in original post

Replies 9 (9)
Kinjaldavra
Shopify Partner
2302 569 1409

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

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
oscprofessional
Shopify Partner
13772 2096 2691

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

If helpful then Please Like and Accept Solution. Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Custom Pricing Wholesale App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant
mecanic
Tourist
6 0 1
oscprofessional
Shopify Partner
13772 2096 2691

This is an 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;
}
If helpful then Please Like and Accept Solution. Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Custom Pricing Wholesale App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant
mecanic
Tourist
6 0 1

Worked perfectly, thanks!

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

Kinjaldavra
Shopify Partner
2302 569 1409

This is an 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;
}

 

 

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
mecanic
Tourist
6 0 1

@oscprofessional 

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

 

oscprofessional
Shopify Partner
13772 2096 2691

This is an accepted solution.

Add this css

.grid-uniform p.grid-link__title {
    min-height: 40px !important;
}
If helpful then Please Like and Accept Solution. Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Custom Pricing Wholesale App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant
mecanic
Tourist
6 0 1