Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: how to increase the with of add to cart button in liquid theme

Solved

how to increase the with of add to cart button in liquid theme

flex1234
Tourist
17 0 0
Accepted Solution (1)
SomeUsernameHe
Shopify Partner
517 57 110

This is an accepted solution.

form[class*="shopify-product"]>div.product_payments_btns {
    max-width: 100% !important;
}


Try this code with `!important`

Have I helped? Consider putting coffee in my mouth!
Buy Me a Coffee

View solution in original post

Replies 6 (6)

SomeUsernameHe
Shopify Partner
517 57 110

You would use the following CSS to adjust the width: 

form[class*="shopify-product"]>div.product_payments_btns {
    max-width: 400px;
}

Just adjust the `400` number to 100% or a number you see fit. 

Have I helped? Consider putting coffee in my mouth!
Buy Me a Coffee
flex1234
Tourist
17 0 0

pls also guide to these code what there was place step by step because i am new

SomeUsernameHe
Shopify Partner
517 57 110

I would first check your Theme Customize > Theme Settings for something called "Custom CSS" and try placing it there. 

If not, you will have to edit your theme files and place it at the bottom of base.css/main.css file or right before the closing </head> tag of your theme.liquid file. 

Have I helped? Consider putting coffee in my mouth!
Buy Me a Coffee
flex1234
Tourist
17 0 0

nothing will work sir please can you solve that problem 

store url ;- https://0c56dd-3.myshopify.com/

 

SomeUsernameHe
Shopify Partner
517 57 110

This is an accepted solution.

form[class*="shopify-product"]>div.product_payments_btns {
    max-width: 100% !important;
}


Try this code with `!important`

Have I helped? Consider putting coffee in my mouth!
Buy Me a Coffee
flex1234
Tourist
17 0 0

no work sir 

if you have no problem so can you share your gmail i will add you in my staff acount and you help me to edit code