Site logo

[Support request] Button formatting for Woocommerce Block

Home Forums Support [Support request] Button formatting for Woocommerce Block

Home Forums Support Button formatting for Woocommerce Block

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #2443527
    Stefanie

    I’m setting up my homepage, and am using the Woocommerce “Newest Products” Block. I can’t find where to fully format the font and buttons for the Title and “add to cart” button. In the Customizer, I found the settings and correctly updated the color of the button but for some reason the Woo Block is a rounded button, when all of my other buttons are rectangular.

    And I also would like the product title to be h2 instead of body font.

    Any idea how I’d change these 2 things?

    Here’s the site: https://www.littlemoonpapercompany.com/sandbox/

    Stefanie

    #2443689
    Leo
    Staff
    Customer Support

    Hi Stefanie,

    GP does not have any control over the content from WooCommerce Block.

    I would recommend checking with their support team.

    Thanks for your understanding.

    #2443693
    Stefanie

    Thanks, Leo. That’s what I assumed at first too, but I was able to change the color of the Woo Block button through the settings in the GP theme. Is there a place in GP to set the shape of the button (rounded vs rectangular)?

    Thanks,
    Stefanie

    #2443701
    Leo
    Staff
    Customer Support

    We can try some CSS. Is there a specific page I should be looking at?

    #2443706
    Stefanie

    Thanks! It’s here: https://www.littlemoonpapercompany.com/sandbox/
    Scroll all the way to the bottom, under Featured Printables.

    I’d love to change the button from rounded to rectangular.
    And the text from paragraph to H2

    thank you!

    #2443725
    Leo
    Staff
    Customer Support

    I’d love to change the button from rounded to rectangular.

    Try this CSS:

    .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
        border-radius: 0;
    }

    Adding CSS: https://docs.generatepress.com/article/adding-css/

    And the text from paragraph to H2

    This cannot be done with CSS unfortunately – WooCommerce Block’s support team will need to provide a solution.

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