[Support request] Button formatting for Woocommerce Block

[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

[Leo]

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.

[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

[Leo]

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

[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!

[Leo]

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.

[Author]

Posts