# Cover section

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

<figure><img src="/files/12Fvl9uqDr85DuEObP98" alt=""><figcaption></figcaption></figure>

To add a section click the "+" icon, and a menu will appear on the right. Then select **Cover**.

<figure><img src="/files/gKXjDp5uV7PFyFTrDBqu" alt=""><figcaption></figcaption></figure>

#### Settings

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

<figure><img src="/files/oH9PzxHfe52seky9uDuC" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/6ETWSQjgh3dHWMFi0ySz" alt=""><figcaption></figcaption></figure>

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

{% hint style="success" %}
The recommended image size is 1920 × 1080 px. It is recommended to use no more than 9 images.
{% endhint %}

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

<figure><img src="/files/nNrSbEijeTC4Vo8SBRTm" alt=""><figcaption></figcaption></figure>

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.

<figure><img src="/files/xWncWNBNyiSF7szp958o" alt=""><figcaption></figcaption></figure>

### Header settings

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

<figure><img src="/files/ipp66nfQmwAIW5JBMMB1" alt=""><figcaption></figcaption></figure>

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.

<figure><img src="/files/Angj7WXEwjVZcfrDrqae" alt=""><figcaption></figcaption></figure>

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.

<figure><img src="/files/XYC7lywqkJVyKi9DRHte" alt=""><figcaption></figcaption></figure>

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.

<figure><img src="/files/TidVMl6lVFf1GCd20WSh" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/gqOTyFbG1ZfJN6ZHExhr" alt=""><figcaption></figcaption></figure>

You can add standard variables or project-specific variables.

<figure><img src="/files/fxsZKD7XJEZpIUZKBXSl" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mavibot.ai/websites/sites/blocks/cover.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.