Elementor, Ultimate Addons
/5

How To Create Inline Buttons.

Today I am going to show you how to have two buttons inline within one column. 

To achieve two buttons side by side we are going to use a couple lines of css.

Let’s get started.

To begin we need to add to buttons to a section.

Next we need to open the column options and add some CSS and a class to that column.

[css]inline-btn[/css]
[css]
.inline-btn .elementor-widget-wrap {
    display: flex;
}[/css]

If you done everything correctly this what you should have.

The Elementor way.

You can achieve the same thing with 2 columns just be sure to remove all the padding from both buttons and make sure you set the column gap to No Gap .

Adjust the column width and fill in any padding or margin issues you see.

Addon Alternative

For those that wish to an awesome Addon to do all the heavy lifting Ultimate Addons for Elementor has what you are looking for with a multi-button widget.

Multi-button Video

Thanks for reading.

Disclosure: Some of the links above are affiliate links meaning at no additional cost to you, I will earn a commission if you click through and make a purchase.

Related Posts

**Responses and Solutions to comments are handled on Sundays & Mondays.

Leave a Reply

Your email address will not be published. Required fields are marked *

By visiting iHeartElementor.com you accept our use of cookies and agree to our privacy policy.
Request A Tutorial

Have a request I would love to hear about.