How to resize my add to cart button?

Solved
Highlighted
New Member
3 0 0

Hi,

I'm trying to make the "add to cart" button bigger. I have a Parallax 3.3.0 theme and I can't find it. How can I do it?

Thanks,

Daniel Karnero Da Silva

0 Likes
Highlighted
Shopify Partner
1151 232 299

Hello Daniel,

For this you have to edit your css file and change 'add to cart' button size property, or you can write your own css and add it bottom of related css file.

For better answer always share store url

 

Thanks

Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
0 Likes
Highlighted
New Member
3 0 0
Hey,
My url is: karnerodasilva.com
Thanks,
Daniel
0 Likes
Highlighted
Shopify Partner
1151 232 299

This is an accepted solution.

1. Go to Online Store->Theme->Edit code
2. Assets->styles.scss.liquid->paste bellow code at bottom

button.action_button.add_to_cart {
    padding: 20px 20px; 
    font-size: 36px;
}

Note: make little changes in values a/to your need.

Thanks

Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
0 Likes
Highlighted
New Member
3 0 0

Hey,

You helped me a lot, thank you very much!

Have a nice day! :)

0 Likes
Highlighted
Tourist
9 0 2

Hey Guleria,

How can I do this on Debut Theme? It would mean a lot if you can help.

Also I was able to change the size of my button without adding any codes. Just change the value.

But I need my text to be bigger too.

Thanks.

0 Likes
Highlighted
Shopify Partner
1151 232 299

@MattTrn To increase font-size you can use this css

.product-form__cart-submit{
font-size: 24px;
}

Note: Increase/decrease value a/to your need. And you have to add this css in theme.scss.liquid or related theme css file.

Thanks  

Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
0 Likes