Site logo

Archived topic

Woocommerce: size of "add to cart button"

5 replies · Started by rtomc on September 25, 2016

Viewing posts 1–6 of 6

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

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

Jean, Thanks for your atention in sunday !

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

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. :)

Done !

GPress people are the best.

Installed Simple CSS, pasted the code and run... in sunday :)

Thanks a lot !

You're awesome, Jean! :)

This archived topic is closed to new replies.