# Banner

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

This section is usually used for highlighting special content, collections or products. It can be also used for promotions or any brand related info.

The main settings in the section are the ones listed [here](/marble-documentation/content-sections/common-settings.md) with some additional ones listed below.

### Height

Here you can pick the section height. The options are:

* Extra large
* Large
* Medium
* Compact
* Small
* Based on image height

For these we have set different ratios that can be used to achieve best results.

The only difference is the option `Based on image height` . If you pick this option - the height of the section will be based on the image height. The taller the image is - the taller the section will be.

### Background

There are separate options for picking a desktop and mobile image. If only desktop image is picked - this image will be also shown on mobile. For mobile we suggest using more portrait oriented images.

### Image overlay

In case you have white text over white background and the content is not very readable - you can easily add an overlay by adjusting its opacity and picking the overlay color.

### Text content

The available options are:

* show content background (will add a background around the content to make it more noticeable)
* horizontal and vertical position (separate settings for desktop and mobile)

The content within the section is added through blocks where every block represents different item like: heading, subheading, body text and buttons.

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

With the blocks you can rearrange the content in a way that it best suits your needs.

#### Heading accent elements

In case you want to use highlight a text element in the headings you can use the Bold and Italic properties: ![](/files/yQcOkrAMhcIIXaHCJeJZ). You can mark a word or a phrase and click one of these.


---

# 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://bigstart.gitbook.io/marble-documentation/content-sections/banner.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.