Create buttons in one row in Elementor | Put buttons next to each other using inline width

In this tutorial, I will show you how to put two or more buttons next to each other, in one horizontal row using Elementor and CSS.

You can use individual button widgets to place your buttons and then set the width to inline within the 'Advanced' properties of the widget.

💻 Grab the CSS code here:

🚀 Interactive CSS Basics course for designers and non-coders:

👉 Get 20% off using the code VELVET20OFF at Checkout.

––––––––––––––––––––––––––––––

PURCHASE AND DOWNLOAD ELEMENTOR PRO:

––––––––––––––––––––––––––––––

SIMPLE CUSTOM CSS AND JS PLUGIN:

To use custom CSS code with Elementor FREE, I am using the Simple Custom CSS and JS plugin for Wordpress that you can download here:

Have fun and thanks for watching!

If this tutorial helped you, please share or subscribe.

––––––––––––––––––––––––––––––

This video and description may contain affiliate links. If you click on a link and make a purchase, I will receive a commission from the sale. That way you are supporting my channel and allowing me to keep making videos and posts like this. I only promote products that I use, have experience with and support, such as Elementor Pro.

––––––––––––––––––––––––––––––

Have a specific problem in Elementor that you don't know how to solve with CSS? Comment below to let me know which video you would like to see next!

––––––––––––––––––––––––––––––

MUSIC:

Artist: Corbyn Kites
Track Title: Staycation

––––––––––––––––––––––––––––––

[cssexpresstutorials]

🚀 Interactive CSS Basics course for designers and non-coders:
👉 Get 20% off using the code VELVET20OFF at Checkout.

💻 Grab the CSS code for free here:

[VictorBustos]

I was tyring to figure out how to align buttons next to each other and your video helped. Thanks!

[amandarhaddenterprises]

Thank you! this video was so simple and exactly what i was looking for!!!

[maxkohler]

I don't have an inner Section in my Elementor Tool. Where do I find this Setting?

[MrGattuso]

I have Elementor PRO. I did the same exact thing in the header of my mobile website. However, I am unable to make go in a row. Not sure what's going on??

[amjadhussainsyed]

awesome. you showed me do the setting without elementor pro

[gokallitengineer]

I did that exact same thing with 2 button on a new page and they did not move to Side by Side. Any help?

[JordanCarterTrombone]

This is fine, but containers are the more flexible option.

[Mahnoor_Shahzadi]

mam it is not working even after setting them both inline 🥺