Cover section

This block is designed for the website’s homepage, allowing you to place an image or video above the main text.

To add a section to a newly created page, click the "+" button.

Click the "+" icon, and a menu will appear on the right. Then select Cover.

You can use a pre-made template or create your own from scratch by selecting the empty template.

Settings

Once you’ve chosen a template, you can start configuring the content for the "Cover" block.

You can choose how the media will appear — as an image or a video. The page title will also be displayed in the preview.

You can add media by uploading a file or using a link, including from sites like FB, YouTube, Vimeo, and others.

The recommended image size is 1920 × 1080 px. It is recommended to use no more than 9 images.

You can add a cover background that will appear behind the content image.

You can set the background width and height to any values, allowing you to adjust the size using the following units:

px — pixels.

vw / vh — viewport width/height. For example, 100 vh makes the media fill the entire screen on any device.

% — a percentage of the section (block) width.

Header settings

You can add a title, a hint text above it, and a full text below the title.

To edit the text, select it in the input field and apply the desired settings. You can use one of the provided styles or create your own.

Available options include bold, italic, underline, or strikethrough text, as well as font selection, line spacing, alignment, and other settings.

You can also change the text color or its background. If you want to emphasize a specific part of the text, you can select it and apply changes only to that portion.

To remove the color highlighting, click "Remove color."

You can add a link to the title, hint, or text below the title.

You can also add a link to a specific word or phrase in the text.

To do this, select the text fragment and click the "Link" icon. In the window that appears, enter the URL to which the text should redirect. To lock the link in place, check the corresponding box.

You can add a variable to the title, hint, text below the title, or to a specific text fragment.

You can add standard variables or project-specific variables.

An example of a standard variable that displays the current time in hh:mm format:

Video tutorial