> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://docs.staylive.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Sponsor grid

A component which is used to display a grid of images or logos For example you can showcase different sponsors or partners.

The sponsor grid has its own component in the CMS _(images/video - sponsor grid)_ and can be placed on any page and between any other components. 

# Example of usage
*  Highlight sponsor or partners and link each button to their own webpage or a subpage of your choice.

# How to create a sponsor grid
* Enable the component on a subpage of your choice in the CMS.
* Press **manage content**.
* Upload the logos you would like to display.  If wanted, you are able to link each logo to an external webpage or a subpage of the platform. Save and close to display the sponsors.

|| Make sure the original file of the logos are the same proportions and size to make it easier to work with a good looking grid.

![Add logos to sponsor grid](https://storage.crisp.chat/users/helpdesk/website/acbaf8a9e186c000/skarmavbild-2024-05-29-kl-1305_1vl16yb.png)
* Once you are finished with your settings. **Press Save and Close.** You will get a preview of your sponsor grid.
* In the **styling** tab you are able to change the look of your grid by using tailwind classes. Such as background color, size etc.
* In the **heading** tab you can add a title above your sponsor grid. 
* When you are happy with your changes press **Publish**.

![Sponsor gird with three logos with title](https://storage.crisp.chat/users/helpdesk/website/acbaf8a9e186c000/skarmavbild-2024-05-29-kl-1309_1vm2a9n.png)

| **Learn more about our other sponsor components [here](https://docs.staylive.io/en/category/sponsor-placement-14d0dwy/).**