> For the complete documentation index, see [llms.txt](https://help.gordonbyte.com/themes/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.gordonbyte.com/themes/manifest/overview/mini-banners.md).

# Mini Banners

Show up to two small image banners on your homepage, each with a link and a color overlay.

## How to enable section?

First, open **Page Builder** [*(how to launch Page Builder?)*](/themes/manifest/manifest-theme.md#page-builder)

In Page Builder, go to the **Mini Banners** tab. In the **Banner count** dropdown, choose how many banners to show (**none**, **1** or **2**).

To turn this section off, select **none**.

## Overlay opacity & color

The overlay sits over the image and makes the banner text easier to read. The textfield takes two values, separated by the **|** symbol:

* **Opacity** - a number from **0.0** to **1.0** (decimals allowed).
* **Color** - a hex color, such as **#FFFFFF**.

For example: `0.5|#FFFFFF`

## How to add image? <a href="#id-1189107808-mw66je" id="id-1189107808-mw66je"></a>

1. Upload your image to the Image Manager in your BigCommerce admin. [*(How to upload using Image Manager?)*](https://support.bigcommerce.com/s/article/Using-the-Image-Manager#uploading)
2. Under the uploaded image, click **View Full Size**.
3. In your browser's address bar, copy the image name between "**/uploaded\_images/**" and the "**?**" symbol.

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

4. Go back to Page Builder, paste the name into the **Upload photo** textfield and click **Save**.

## How to add link?

Enter the page address in the **Banner link** textfield.

{% hint style="warning" %}
Each link textfield holds up to 64 characters. Longer links may cause errors when you save.
{% endhint %}