Shopify themes, liquid, logos, and UX
hey,
does anyone know how to increase the length of the add to cart button so it matches the length of the drop down menus and the sizes should match the new length of the add to cart button
thanks in advance
shop: brokenmind
pw: test1
hi @drew23
1. Go to Online Store->Theme->Edit code
2. Asset->base.css Or theme.scss-> paste bellow code in bottom of file
.product-form .product-form__buttons{max-width: 100%; width: 100%;}
hey, thanks for the fast answer!
i managed to increase the length of the add to cart button do you have a fix which centers the sizes on the length of the add to cart button?
Hello @drew23
It's GemPages support team and glad to support you today.
I check the button is now aligned with the dropdown
hey, yes but i need the sizes to match the new length of the add to cart button, do you know how to fix it?
@drew23
1. Go to Online Store
2. Themes
3. Go to Customize
4. Click the product information
5.scroll down then custom css option
6. Pasted the code
.product-form__submit {
width: 140%;
}
Hi @drew23
You can try this code by following these steps:
Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag </body>
<style>
@media screen and (min-width: 1200px){
.product-form__input input[type=radio]+label {
padding: 1rem 4.3rem;
}
}
</style>
Hope this answer helps.
Best regards,
Victor | PageFly
hey, i tried your code, but it didnt work sadly
looks like you fixed it right? if the problem persists let me know more so I can fix it.
hey, yea i fixed it but its not 100% perfect
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