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.

Have a question about this?