Empty Block

The Empty Block component is used to position and center other components on the page, providing flexible layout control.

What is the Empty Block component?

The Empty Block component is used to position and center other components on the page. Place other blocks inside it to control layout and alignment.

Open the CMS editor where you want to add or edit an Empty Block component.

Drag the Empty Block component onto your page.

Place other components inside the Empty Block to position or center them as needed.

Adjust layout, spacing, and alignment using the settings below.

Save your changes in the editor.

Empty Block Component Settings

All Empty Block components support the standard CMS settings below. Use these tabs to control layout, typography, and display for your block:

General

cms general

Selectors

In this box you can add classes that are defined elsewhere on the site to a specific page.

ID

ID is used to direct user to an element of the page or identify it for future use, so you can link to this aspect of the page.

Styles

Styles are used to add a specific style not predefined in a class. You can add style settings which can be applied against any component. Below are a list of styles you can add:

Margin (either just "margin:" or specific sides of a component like "margin-top:" or "margin-left:")
Padding (either just "padding:" or specific sides of a component like "padding-top:" or "padding-left:")
Max Width
Font
Border
ID

Examples:

max-width: 352px!important;
margin-bottom: 0 auto;
padding-top: 30px;

To center an image: margin:auto;
To center text/markdown: text-align: center;
To make a component go edge-to-edge: margin-left:-15px;margin-right:-15px