How To Place Widgets Side By Side In The Same Column

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. 

https://www.youtube.com/watch?v=FtHXk2e6OF8

How To Use Inline Positioning

Under any Widget > Advanced > Custom Positioning

Width: Set to Inline for each widget in the horizontal stack.Position: Set to Default for side by side positioningUnder 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.

發表回覆

您的郵箱地址不會被公開。 必填項已用 * 標註