How to resize my add to cart button?

[KarneroDaSilva]

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

[Guleria]

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

[KarneroDaSilva]

Hey,
My url is: karnerodasilva.com
Thanks,
Daniel

[Guleria · 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

[KarneroDaSilva]

Hey,

You helped me a lot, thank you very much!

Have a nice day! :)

[MattTrn]

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.

[Guleria]

@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  

[Nicolás]

Buenas tardes, llevo varios días intentando cambiar el tamaño del añadir al carrito con el tema "Adeline" y no lo consigo.

¿Sería tan amable de ayudarme a hacerlo?