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

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

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

    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

    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.