Woocommerce: size of "add to cart button"

[rtomc]

Hy,

I need to change the size of “Add to cart” button (and the text inside).

I tried from Customize/Typography but without success.
I tried too search in css file, but I do not find how to modify.

Can you help me?

Thanks

RMR

[Jean]

Hey Rtomc,

Customizer won’t work for this case, this styles are from WooCommerce itself.

But if you want to change the button styles this CSS should work:

.add_to_cart_button {
    padding: 10px 50px;
    font-size: 21px;
}

[rtomc]

Jean, Thanks for your atention in sunday !

The code does not work 🙁
I insered it in GPress style.css
Perhaps goes in another file?

RMR

[Jean]

Maybe we need to be more specific on our code:

.woocommerce ul.products li.product .button {
    padding: 10px 50px;
    font-size: 21px;
}

I would suggest you to follow this tutorial made by Tom for adding custom css https://generatepress.com/knowledgebase/adding-css/

Try to not edit or overwrite code on GP theme, because when you update for a newer version all your modifications are going to be lost. Unless you are using child theme. 🙂

[rtomc]

Done !

GPress people are the best.

Installed Simple CSS, pasted the code and run… in sunday 🙂

Thanks a lot !

RMR

[Tom]

You’re awesome, Jean! 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts