Row / Section

Columns #

Impreza columns support two implementations:

  1. Flex CSS Layout
  2. Grid CSS Layout

The Flex layout is enabled by default and offers the next options:

2647.png

To enable Grid layout go to Theme Options > Advanced and turn ON "Columns Layout via CSS grid" which appears only if the "Live Builder" is enabled:

2645.png

Grid Layout offers the next options:

2646.png

Columns Content Position #

All columns in a row have the equal height, when they are aligned by vertical (when Top, Middle, or Bottom is chosen)

Additional Gap #

Sets empty space between columns.

1870.jpeg

Gap betwewn columns #

Adds empty space between columns.

Add extra padding around columns content #

Improves the appearance of columns with background

Default

1874.jpeg

With extra padding

1873.jpeg

Reverse order for columns stacking #

The last column will be shown on the top. Applied when the screen width is less than 768px