To style the layout and positioning of blocks and elements, navigate to the “Layout” section in the right panel. The options available will vary depending on the type of block, element, or container selected. This section allows you to customize the following:

Vertical and Horizontal Spacing: Adjust the distance between elements both vertically and horizontally.

Container Width: For containers, you can choose whether it should occupy the full width of the screen or a portion by setting the width to a percentage.

Element Alignment: Align elements within a block, element, or container to the top, center, or bottom, as well as to the left, center, or right.

Swap Element Order: Flip the order of elements, useful for blocks with two columns, like hero or feature blocks. This setting switches the position of the elements in the columns.

Adjust Split Ratio: For blocks with text on one side and graphics on the other, use the slider to adjust the ratio between the two sides.

Embed HTML Code: This option is only available in the “Embed” block. Copy and paste your custom HTML code directly into this section.

Enable Lightbox: For gallery blocks, enable this to open images in a lightbox.

Round Corners: Adjust the roundness of corners for selected elements.