How to create belcher Button type block with Generate Blocks?

Hi there,

The color and border width can be set within GB., but to have the dashed border style will need some CSS.

You can give the Container block which holds all the content a class, for example: dashed-border, then add this CSS:

.dashed-border {
    border-style: dashed;
}

This article explains how to add additional CSS class to block in WP;
https://wordpress.com/support/adding-additional-css-classes-to-blocks/

Let me know if you need further assistance ??

Cheers Ying! And how/where can I give the Container block which holds all the content a class?

Edit: okay I added your CSS to the Add CSS in Customizer and in the container block setting in the field Extra CSS-class(es) at the bottom I added dashed-border

But the dashed border isn’t showing on the container after I save/refresh/clear cache etc.

• This reply was modified 3 years, 6 months ago by slippers.

Can you link me to your site?

I’m sorry I don’t want to make my site public here. Can I send it to you in a different way?

Any chance you can start a staging site so you can share the URL here?

It can just be a fresh install with the container and CSS added.

Thanks.

I got it working by adding a thickness and color to the CSS you provided. Here’s the result: https://imgur.com/a/1UXHZIF

Thanks!

Looks good!