# Banner

{% hint style="info" %}
Horizontal Banners size: **600 x 750** or **4:5** aspect ratio
{% endhint %}

{% hint style="info" %}
Vertical Banners size: **700 x 300** or **16:7** aspect ratio
{% endhint %}

## How to enable banner? <a href="#id-1303268238-qcyshv" id="id-1303268238-qcyshv"></a>

To enable first navigate to your **Page Builder** [*(how to launch Page Builder?)*](https://help.gordonbyte.com/themes/clariss/overview/broken-reference)

When inside the page builder, locate and click on the **Banner** tab. Find the dropdown settings titled Count and select the amount of total number of banners to show.&#x20;

To disable select the **none** option.

## How to Enable & Change mini text? <a href="#id-1303268238-k7hanm" id="id-1303268238-k7hanm"></a>

Look for the **Mini text** section within the settings and find the option labeled **Enable.** To enable the section, select the checkbox labeled **Enable**.&#x20;

To disable this section, leave the checkbox unchecked.

Once the mini text feature is enabled, you will notice additional text fields appearing above each main text field. Locate the setting labeled **Text** and input your desired content in the respective textfield.

## How to change main text? <a href="#id-723287430-vrnyfm" id="id-723287430-vrnyfm"></a>

Locate the setting labeled **Title** and input your desired content in the respective textfield.

## How to add image? <a href="#id-723287430-ycsw9q" id="id-723287430-ycsw9q"></a>

To assign an image, the first step is to upload the image to the image manager in the admin panel. [*(How to upload using image manager?)*](https://support.bigcommerce.com/s/article/Using-the-Image-Manager#uploading)

After uploading the image, select the link labeled **View Full Size** under desired image. Then, in the browser address bar, copy the image name located between "**/uploaded\_images/**" and the "**?**" symbol.

*Ex: /product\_images/uploaded\_images/**banner\_image1.png**?t=1606861987&*

Once copied go back to the theme editor and paste in the textfield labeled **image** and **save**.

## How to add link?

To assign a banner link, locate the textfield labeled **Link** and insert text.

{% hint style="warning" %}
Please note that when assigning a banner link, it is important to keep it within 64 characters in the textfield. Exceeding this limit may result in errors when saving changes.
{% endhint %}


---

# 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://help.gordonbyte.com/themes/clariss/overview/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.