Shopify themes, liquid, logos, and UX
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
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
Solved! Go to the solution
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;
}
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;
}
This is an accepted solution.
Add this css
.grid-uniform p.grid-link__title {
min-height: 40px !important;
}
Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.
Hello,
Please share your site url.
So that I can check and let you know the exact solution here.
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;
}
Worked perfectly, thanks!
Perhaps you have a solution for "add to cart button" alignment?
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;
}
This is an accepted solution.
Add this css
.grid-uniform p.grid-link__title {
min-height: 40px !important;
}
User | RANK |
---|---|
125 | |
95 | |
77 | |
58 | |
46 |
Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022Shipping can be one of the most vital parts to set up and manage your business. Understand...
By Ollie Dec 16, 2022