[Resolved] Use CSS to make a button full width

[Paula]

I’m trying to find a way to make buttons go full width. I used the column block divided in to 2 sections, with a button on each side. My goal is to have the button fill each column section full width.

I have tried adding a new css class called .special-button-wide

along with the css section in the customize area.

.special-button-wide {
width: 100%;
}

I’m not a programmer, so sorry if the solution is simple and I’ve missed it, but it’s been driving me nuts. Any help would be appreciated. Thanks!

[Leo]

Hi there,

Have you considered using the buttons block from GenerateBlocks?
https://docs.generateblocks.com/article/buttons-overview/

It would be the easiest method.

[Paula]

Took me a bit to find it in the plugin’s section, I was adding a space between generate and blocks. It’s working though! I wish I knew more coding to figure out the css version, but this solves my issue and it’s from a developer I trust. Thank you very much!

[Leo]

No problem 🙂

[Author]

Posts