In this tutorial, we’ll go over how to use inline positioning in Elementor 2.5.
You’ll learn: ✔︎ How to align elements side-by-side in the same column ✔︎ Control an element position ✔︎ Use custom width to align your inline elements
hi Cassie from Elementor here today we’re going to learn about inline positioning in Elementor we’ll learn how to align elements side by side in the same column control an element position and use custom width to align your inline elements let’s dive in here I’m working with a pre-made design but as you can see it’s not entirely finished in the first section we have two buttons in the same column we want our buttons to align side by side let’s do it click the button and under advanced custom positioning click the width drop-down and choose inline now let’s do the same to the second button cool easy-peasy over to the next example we have four columns hosting to inline widgets a heading widget and a text editor widget with vertical align we can control the position of our widgets to the center start and end end is perfect for this design so let’s right-click and copy paste style for the rest of the widgets awesome moving on to our next section let’s add our services features here just below the text so drag in an image box widget and let’s change our image remove the title and paste in some text in the style tab change the image width to 40% under content align to the left in advanced custom positioning change the width to custom and set it to 30% of the column width now right click and duplicate twice and change our images and text you our design is all set let’s check it out looks phenomenal inline positioning saves you loads of time and simplifies your workflow don’t forget subscribe to our YouTube channel for more fun videos and tutorials catch you later
Elementor is the leading website builder platform for professionals on WordPress. Elementor serves web professionals, including developers, designers and marketers, and boasts a new website created every 10 seconds on its platform.