Design

Multiple columns

Column 1

Up to 3 columns are possible.

Column 2

The author defines which text goes into which column.

Column 3

The text does not flow from a column to the next column.

Overlapping columns

Overlapping columns work on TwentyTwentyOne but seemingly not on Astra – even if it is a feature of the Gutenberg page builder.

20200411_1

The columns are drawn from left to right, i.e. the second column overlaps the first column. Overlapping of individual images can be changed using custom css:

#fig_20200524_1 {
    position: relative !important;
    z-index: 100 !important;
}

Vertical spacing can be increased by inserting a custom HTML <div style="height:40px"></div> or easier by inserting a predefined “Spacer block”.

Leave a Comment

Your email address will not be published.