# Icon banner

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

The Veena theme includes a section called 'Icon banner.' You can add a Image, Icon, title, description, and buttons in this section.

<table><thead><tr><th width="287">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Heading</td><td>Enter text to display as a title in the section.</td></tr><tr><td>Heading size</td><td><p>Following is the font size customization of the heading of the section:</p><ul><li>Small</li><li>Medium</li><li>Large</li></ul></td></tr><tr><td>Heading color</td><td><p>In this section, you can change the background and foreground color of a heading 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></ul></td></tr><tr><td>Display spacing around heading</td><td>By enabling this checkbox, you can see spacing around heading.</td></tr><tr><td>Box color</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></ul></td></tr><tr><td>Icon width</td><td>Use "Icon Width" to customize the icon size in the icon banner section. You can set a Minimum width "0px" and a maximum width "50px" can be given.</td></tr><tr><td>Content alignment</td><td><p>Customization of "Content alignment" in icon banner section is as follows:</p><ul><li>Left</li><li>Center</li></ul></td></tr><tr><td>Direction</td><td><p>Icon banner "Direction" is as follows:</p><ul><li>Row</li><li>Column</li></ul></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></ul></td></tr></tbody></table>

<figure><img src="https://1523031223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz2mugD18x0vMyXArG8bZ%2Fuploads%2Fsqifj0QZTUas4QvFqRJE%2Ficon-banner.png?alt=media&#x26;token=b4ea107e-d045-4bde-97f4-ba769e024d2d" alt=""><figcaption></figcaption></figure>

## Add counter item

To add block to the Icon banner section, click on the 'Add icon banner'. There are many options available , as you can see in the below points and screenshot.

<table><thead><tr><th width="272">Block</th><th>Description</th></tr></thead><tbody><tr><td>Image</td><td>Use "Image" to add the image to the section.</td></tr><tr><td>Icon</td><td><p>In the section, the icons are given to select. are for selecting:</p><ul><li>None</li><li>Best price</li><li>Return</li><li>Quantity</li><li>Box</li><li>Shipping</li><li>24/7 Service</li><li>Offer</li><li>Support</li><li>Truck</li><li>Dollar sign</li><li>Gift</li><li>Color User</li><li>Color Payment</li><li>Color gift</li><li>Color shipping</li><li>Truck</li></ul></td></tr><tr><td>Heading</td><td>Enter text to display as a title in the section.</td></tr><tr><td>Description</td><td>Enter text to display as a "description" in the section.</td></tr><tr><td>Icon</td><td><p>In the section, the icons are given to select. are for selecting:</p><ul><li>None</li><li>Best price</li><li>Return</li><li>Quantity</li><li>Box</li><li>Shipping</li><li>24/7 Service</li><li>Offer</li><li>Support</li><li>Truck</li><li>Dollar sign</li><li>Gift</li><li>Color User</li><li>Color Payment</li><li>Color gift</li><li>Color shipping</li><li>Truck</li></ul></td></tr><tr><td>Button label</td><td>Use "Button label" to add a label to the Button in the section.</td></tr><tr><td>Button link</td><td>Use "Button link" to add a link to the Button in the section.</td></tr><tr><td>"View all" style</td><td><p>Customization of the "View all" style in the icon banner section is as follows:</p><ul><li>Link</li><li>Outline button</li><li>Solid button</li></ul></td></tr><tr><td>Column direction</td><td><p>Customization of the "Column direction" style in the icon banner section is as follows:</p><ul><li>Ltr</li><li>Rtl</li></ul></td></tr></tbody></table>

<figure><img src="https://1523031223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz2mugD18x0vMyXArG8bZ%2Fuploads%2FoqSUrWRDWci81oYCEJZ2%2Ficon-banner-block.png?alt=media&#x26;token=78635515-12f8-4c69-be78-a897722c03a7" alt=""><figcaption></figcaption></figure>
