Block configuration

ThemeWare® extends selected CMS blocks with a block configuration in the CMS sidebar (2). The block configuration allows you to control the responsive behaviour of your CMS blocks conveniently - without having to enter CSS classes manually.

The configuration is divided into two areas: the Responsive block layout (3 – gutter and alignment) and the Responsive column layout (4 – column arrangement, visibility and expert mode).

Responsive block layout

In the "Responsive block layout" (3) section you configure the gutter and the alignment of the columns within the block.

Gutter

Sets the horizontal and vertical gap between the columns. You can choose from various predefined spacing values or "Default".

Alignment

Select the horizontal alignment of the columns within the row:

• Default (left) - Default alignment

• Center - Columns are centered

• Right - Columns are right-aligned

With the "Advanced configuration" toggle you can configure gutter and alignment individually for each viewport. The following viewports are available:

• Desktop Large (≥1200px)

• Desktop (≥992px)

• Tablet (≥768px)

In the "Responsive column layout" (4) section you configure the column arrangement and visibility of the individual columns.

Column arrangement

Sets how many columns are displayed side by side instead of stacked in a specific viewport. For example, you can reduce three columns to two on a tablet.

Visibility

Controls whether a column is visible or hidden in a specific viewport.

Asymmetric from

Only available for asymmetric column blocks (e.g. Two columns 3-9, Three columns 3-3-6). Sets from which viewport the columns are displayed in the predefined asymmetric layout of the block. Below this viewport the columns are arranged equally or stacked.

Expert mode

With the "Advanced configuration" toggle you can set column arrangement and visibility individually for each viewport.

Not all CMS blocks support all areas of the block configuration. The following overview shows which block types offer which configuration areas:

Symmetric column blocks such as "Two columns", "Three columns", "Four columns" and "Six columns" support:

• Responsive block layout (gutter + alignment)

• Responsive column layout (column arrangement + visibility)

Asymmetric column blocks such as "Two columns 3-9", "Two columns 4-8", "Three columns 3-3-6" etc. support:

• Responsive block layout (gutter + alignment)

• Responsive column layout (column arrangement + visibility + asymmetric from)

Grid blocks such as "Grid One", "Grid Two", "Grid Modern" etc. support:

• Responsive block layout (gutter only, no alignment)

The "One column" block supports:

• Responsive column layout (column arrangement + visibility, no gutter, no alignment)