All things Shopify and commerce
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
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
This is an accepted solution.
Try this code:
.quick-add__submit {
background: gold;
}
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
This is an accepted solution.
@MaBa You can try this code:
.card__content {
justify-content: center !important;
}
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Hi @MaBa
Can you share with me the page url
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
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
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
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;
}
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
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
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
siahaw
This is an accepted solution.
@MaBa You can try this code:
.card__content {
justify-content: center !important;
}
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
You are a star!
I'm glad to help you @MaBa 😉
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
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
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.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024