Adding buttons side-by-side

Beaver Builder
1

Hey guys,

I’ve read a few threads that mention adding buttons next to each other isn’t possible, apart from using HTML.

Couldn’t find how to do it with HTML etc.

Could you give me the code that I’d need so I can add buttons next to each other via the HTML module?

Also, would be great if you could consider adding this sort of feature - I’ve spent 2 hours today just trying to do this.

Thanks,
Adam

2

Hey Adam,

The ability to add columns within columns is actually on its way. You can check this blog entry to know more about upcoming BB features. :slight_smile:

For now, you can use this markup to achieve that. But you’ll have to style it with custom CSS.

<a href="http://asd" target="_self" class="fl-button" role="button">
	<span class="fl-button-text">Click Here</span>
</a>
<a href="http://asd" target="_self" class="fl-button" role="button">
	<span class="fl-button-text">Click Here</span>
</a>

Hope this helps!

Ben

1 Like
3

Thanks Ben.

Is there no way to do this another way which doesn’t involve me manually styling using CSS?

Reason being is I don’t know CSS and I’m under pressure to get a site built fast.

4

Hey Adam,

Depending on your layout, you may be able to achieve this. Our Button module has an alignment setting you could play with together with the margin. For example, you can use a 4 column row and place 2 buttons on the center or at the side. Do you mind elaborating more on what you are trying to achieve? Maybe a graphical representation?

Ben

5

Hey Ben,

No worries - think I’ve just about got it by messing with columns/alignment as per your suggestion.

Still looks a bit off in parts but it’s probably as good as it’s going to get.

Thanks,
Adam

6

Hey Adam,

No worries! Hopefully, the guys can implement the columns within columns feature soon so this won’t be a problem anymore. :slight_smile: Have fun! :slight_smile:

Ben