> For the complete documentation index, see [llms.txt](https://webibazaar.gitbook.io/veena-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/veena-documentation/sections/text-with-icons.md).

# Text with icons

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

{% hint style="info" %}
**Recommendation Size**\
Icon image size: 60x60
{% endhint %}

You can add text with icons to clearly define content or policies in your store.

<table><thead><tr><th width="283">Section</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 alignment</td><td><p>Following is the heading alignment customization of the section:</p><ul><li>Left</li><li>Center</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>Icon width</td><td>"Icon width" is used to change the size of the section icon. You can give the minimum width "0px" and maximum width "65px" of the icon.</td></tr><tr><td>Icon image width</td><td>"Icon image width" is used to change the size of the section icon image. You can give the minimum width "20px" and maximum width "65px" of the icon.</td></tr><tr><td>Column alignment</td><td><p>Section "Column alignment" is as follows:</p><ul><li>Left</li><li>Center</li></ul></td></tr><tr><td>Direction</td><td><p>Image with icons "Direction" is as follows:</p><ul><li>Row</li><li>Column</li></ul></td></tr><tr><td>Text size</td><td><p>Image with icons "Text size" is as follows:</p><ul><li>Small</li><li>Medium</li><li>Large</li></ul></td></tr><tr><td>Space between text and description</td><td>"Space between text and description" is to give left and right side spacing to the text of the section. You can adjust the spacing and set it to the minimum spacing of “2px” and a maximum spacing of “20px.”</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><tr><td>show seprator</td><td>Check this box to display the seprater between text with icon.</td></tr></tbody></table>

<figure><img src="https://1523031223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz2mugD18x0vMyXArG8bZ%2Fuploads%2FIfs4tsNub6gAzwk9ZqxR%2Ftext-with-icons.png?alt=media&amp;token=c5e6ba67-627d-4f4e-a6e6-db106bb9b981" alt=""><figcaption></figcaption></figure>

## **Add text with icon**

Click on "**Add text with icon**" and its customization is as follows.

<table><thead><tr><th width="193">Block</th><th>Description</th></tr></thead><tbody><tr><td>Icon image</td><td>You can customize the icon by adding a custom icon image in its place.</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>Quality</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>Deal</li><li>Return policy</li><li>Payment</li><li>24/7</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 in the “Description” section.</td></tr></tbody></table>

<figure><img src="https://1523031223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz2mugD18x0vMyXArG8bZ%2Fuploads%2F2c3SlSL9x45a7H94HeFY%2Ftext-with-icons-blocks.png?alt=media&amp;token=da6a2539-ab88-453f-90d0-2c85a7ef2e56" alt=""><figcaption></figcaption></figure>