Increase the size of the add to cart button

[drew23]

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

[Jasoliya]

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%;}

[websensepro]

@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%;
}

[drew23]

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?

[GemPages]

Hello @drew23

It’s GemPages support team and glad to support you today.

I check the button is now aligned with the dropdown

[drew23]

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?

[PageFly-Victor]

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

Hope this answer helps.

Best regards,

Victor | PageFly

[drew23]

hey, i tried your code, but it didnt work sadly

[PageFly-Victor]

looks like you fixed it right? if the problem persists let me know more so I can fix it.

[drew23]

hey, yea i fixed it but its not 100% perfect