Archived topic

Button formatting for Woocommerce Block

5 replies · Started by Stefanie on November 30, 2022

Viewing posts 1–6 of 6

November 30, 2022 at 1:22 pm #2443527

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

November 30, 2022 at 4:14 pm #2443689

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.

November 30, 2022 at 4:20 pm #2443693

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

November 30, 2022 at 4:24 pm #2443701

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

November 30, 2022 at 4:32 pm #2443706

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!

November 30, 2022 at 5:04 pm #2443725

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.

This archived topic is closed to new replies.

Start building better websites today.