How To Place Widgets Side By Side In The Same Column

Inline Positioning

Place widgets next to each other, horizontally, within the same column.

Each widget will only take up the minimum width necessary to hold it.

How To Use Inline Positioning

Under any Widget > Advanced > Custom Positioning

  1. Width: Set to Inline for each widget in the horizontal stack.
  2. Position: Set to Default for side by side positioning
  3. Under the Column > Layout, set your desired Horizontal Alignment. Choose between: Start, Center, End, Space between, Space Around, and Space Evenly. 

Note: To set several widgets inline, each widget needs to be defined as Inline separately.

Important!: Some elements may not function correctly when set to Inline Auto e.g. Image Carousel, Slides etc.

Share it on social networks

Share on facebook
Share on twitter
Share on linkedin
Share on email
Was this article helpful?

Get Started With Elementor Today

Join millions of professionals who use Elementor to build WordPress websites faster and better than ever before

On this page

You Snooze,
You Lose!

Birthday Sale! Up to 60% Off!