Create Two Buttons Side by Side in Elementor
UPDATE: If you're using containers, here is a link to the most recent tutorial showing how to get multiple buttons side by side, • Create Multiple Buttons Side by Side ...
*****IMPORTANT CHANGE.... Positioning is still located in the Advanced tab but it has been moved into the Layout dropdown. Thank you to GAM Tech for pointing this out!
IF YOU FIND MY VIDEOS HELPFUL, PLEASE SUBSCRIBE!
I'll show you exactly how to create two buttons (or three, or four) in Elementor and get them to appear side by side of one another... AND centered on the page (if that's what you need).
There are plugins out there that can help you do that... but 1) you don't need a plugin to accomplish it and 2) we don't want to be adding more plugins to our site if we don't need them.
It can be pretty tricky to place multiple buttons side by side using the standard Elementor button element... but with two simple setting adjustments you can get it done in less than 15 seconds.
First, place all of your buttons into the canvas area.
Second, configure each button individually to inline width.
Click on the button
Access the "Advanced" tab in the element settings
Open the Positioning menu
Change width to "Inline"
Complete this step for all buttons.
Third, click on the column settings for the column wherein your buttons are located. On the Layout tab, locate the Horizontal Align option and choose "Center".
That's it! Very simple, no extra plugins, and completed in less than 15 seconds.
If you have any questions, please place them in the comment section.