[Resolved] Woocommerce: size of "add to cart button"

Home Forums Support [Resolved] Woocommerce: size of "add to cart button"

Home Forums Support Woocommerce: size of "add to cart button"

  • This topic has 5 replies, 3 voices, and was last updated 5 years ago by Tom.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #229244
    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

    #229285
    Jean Paiva
    Developer

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

    #229310
    Jean Paiva
    Developer

    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. πŸ™‚

    #229331
    rtomc

    Done !

    GPress people are the best.

    Installed Simple CSS, pasted the code and run… in sunday πŸ™‚

    Thanks a lot !

    RMR

    #229377
    Tom
    Lead Developer
    Lead Developer

    You’re awesome, Jean! πŸ™‚

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.