> For the complete documentation index, see [llms.txt](https://webibazaar.gitbook.io/flute-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://webibazaar.gitbook.io/flute-documentation/sections/brand-logo.md).

# Brand logo

{% embed url="<https://salesiq.zohopublic.in/signaturesupport.ls?widgetcode=siq93f38201da244cbe219b2cab71813c85342abc57dd769c6885e2bde57d2b90da>" %}

Use this section to display multiple brand logos in the slider. In this section slider button position at bottom of the section only.

{% hint style="info" %}
**Recommendation Size**\
Logo image size: 120x40
{% endhint %}

<table><thead><tr><th width="286">Section</th><th>Description</th></tr></thead><tbody><tr><td>Layout</td><td><p>Customization of the "Layout" in the logo list section is as follows:</p><ul><li>Grid</li><li>Wide from right</li><li>Wide </li></ul><p></p><p><strong>Enable mask layer</strong> </p><p>Turn this on to add a mask overlay effect. This works best when the heading is placed beside the logos, creating a subtle fade at the edges for a polished look.</p></td></tr><tr><td>Vector image</td><td><p><strong>Image</strong></p><p>Image Use "Image" to add image in the section. </p><p></p><p><strong>Position</strong> </p><p>Customization of the "Vector image position" in the Brand logo section is as follows:</p><ul><li>Top left</li><li>Top right</li></ul><p></p><p><strong>Style</strong> </p><p>Customization of the "Vector image styling" in the Brand logo section is as follows:</p><ul><li>Normal</li><li>Lighten</li></ul></td></tr><tr><td>Heading</td><td><p><strong>Text</strong></p><p>Enter text to defines the main heading of the section.</p><p></p><p><strong>Position</strong></p><p>Customization of the "Heading position" in the logo list is as follows:</p><ul><li>Top</li><li>Beside</li></ul></td></tr><tr><td>Desktop logo display limit</td><td>"Desktop logo display limit" is to customize the column on the desktop screen. You can show a minimum of “3” and a maximum of “6” logo.</td></tr><tr><td>Auto rotation</td><td>Enable this checkbox to automatically rotate the images in the logo list. </td></tr><tr><td>Rotation speed</td><td>Use this to set the auto-rotate time of the logo slide. You can set a minimum of “3” seconds and a maximum of “9” seconds.</td></tr><tr><td>Color scheme</td><td><p>In this section, you can change the background and foreground color of a section using the color scheme.</p><ul><li>Scheme 1</li><li>Scheme 2</li><li>Scheme 3</li><li>Scheme 4</li><li>Scheme 5</li><li>Scheme 6</li></ul></td></tr></tbody></table>

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

## **Add logo**

Click on "**Add logo**" and its customization is as follows.

<table><thead><tr><th width="272">Block</th><th>Description</th></tr></thead><tbody><tr><td>Image</td><td>Used image to add logo image in brand logo section.</td></tr><tr><td>Link</td><td>Use "Link" to add a link to the brand logo section image.</td></tr></tbody></table>

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