All things Shopify and commerce
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
Hi, I would like to change the size of the add to cart button and to align it to the left. How can I do it?
Solved! Go to the solution
This is an accepted solution.
Hi @MaBa
I’m Richard Nguyen from PageFly- Free Landing Page Builder
You can try with this code.
Follow this:
Go to Online Store->Theme->Edit code->base.css ->paste bellow code in bottom of file
.quick-add {
width: 100px !important;
}
Hope that my solution works for you.
Best regards,
Richard | PageFly
If it’s helpful to you, please let me know by giving it a like or marking it as a solution.
PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.
Hesitate to begin? Check out our top brands with successful stories with PageFly’s Case Studies.
This is an accepted solution.
Try this code:
.quick-add__submit {
background: gold;
}
If it’s helpful to you, please let me know by giving it a like or marking it as a solution.
PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.
Hesitate to begin? Check out our top brands with successful stories with PageFly’s Case Studies.
This is an accepted solution.
@MaBa You can try this code:
.card__content {
justify-content: center !important;
}
If it’s helpful to you, please let me know by giving it a like or marking it as a solution.
PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.
Hesitate to begin? Check out our top brands with successful stories with PageFly’s Case Studies.
Hi @MaBa
Can you share with me the page url
If it’s helpful to you, please let me know by giving it a like or marking it as a solution.
PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.
Hesitate to begin? Check out our top brands with successful stories with PageFly’s Case Studies.
This is an accepted solution.
Hi @MaBa
I’m Richard Nguyen from PageFly- Free Landing Page Builder
You can try with this code.
Follow this:
Go to Online Store->Theme->Edit code->base.css ->paste bellow code in bottom of file
.quick-add {
width: 100px !important;
}
Hope that my solution works for you.
Best regards,
Richard | PageFly
If it’s helpful to you, please let me know by giving it a like or marking it as a solution.
PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.
Hesitate to begin? Check out our top brands with successful stories with PageFly’s Case Studies.
Hi MaBa,
If you meant the product page, you can try the following code.
product-form.product-form {
max-width: 142px;
}
Please go to Online Store->Theme->Edit code->base.css -> and paste it on the bottom.
Hi again, thx for you help. I tried to change the color of of the button in this way:
.quick-add {
width: 130px !important;
color: gold !important;
}
but it didnt work. Any suggestion?
This is an accepted solution.
Try this code:
.quick-add__submit {
background: gold;
}
If it’s helpful to you, please let me know by giving it a like or marking it as a solution.
PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.
Hesitate to begin? Check out our top brands with successful stories with PageFly’s Case Studies.
I have another question...what if I want to center the button?
Thanks in advance!
Please share the password page, now I can't login to your site
If it’s helpful to you, please let me know by giving it a like or marking it as a solution.
PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.
Hesitate to begin? Check out our top brands with successful stories with PageFly’s Case Studies.
This is an accepted solution.
@MaBa You can try this code:
.card__content {
justify-content: center !important;
}
If it’s helpful to you, please let me know by giving it a like or marking it as a solution.
PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.
Hesitate to begin? Check out our top brands with successful stories with PageFly’s Case Studies.
I'm glad to help you @MaBa 😉
If it’s helpful to you, please let me know by giving it a like or marking it as a solution.
PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.
Hesitate to begin? Check out our top brands with successful stories with PageFly’s Case Studies.
i have another ticket open but I got no answer, would u be able to help there as well?
https://community.shopify.com/c/shopify-discussions/customise-image-and-text/m-p/1777512#M318500
User | RANK |
---|---|
65 | |
45 | |
30 | |
27 | |
26 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would 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, 2022