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.
User | RANK |
---|---|
44 | |
42 | |
41 | |
28 | |
21 |
On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023You've downloaded the Search & Discovery app from the Shopify App store, and as you're ...
By Skye Nov 8, 2023The year-end shopping season is just around the corner. Is a flash sale on your radar? Are...
By Jasonh Nov 6, 2023