# 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 %}