# Promotion code

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

Koto theme provides a section, namely "Promotion code" in this section, you can show the discount or offer code. You can display a maximum of Five code in this section.

<table><thead><tr><th width="287">Setting</th><th>Description</th></tr></thead><tbody><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>Layout</td><td><p>Customization of the "Layout" in the section is as follows:</p><ul><li>Wide</li><li>Container</li></ul></td></tr></tbody></table>

<figure><img src="https://895706505-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0PKM9UHryXjPN3UYSTy0%2Fuploads%2Fb4vSczzdWdDcHindEQAe%2Fpromotion-code.png?alt=media&#x26;token=12f157bf-5c7d-48ee-a9e0-497ea7da64ca" alt=""><figcaption></figcaption></figure>

## Add Text

To add text to the promotion-code section, click on the 'Add Text. There are only option available, as you can see in the below points and screenshot:

<table><thead><tr><th width="287">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Text</td><td>Enter text to defines the title of the code text.</td></tr><tr><td>Uppercase text</td><td>Allows you to enable uppercase text styling for text. </td></tr><tr><td>Outline text</td><td>Check this box to use of outline text in this block.  </td></tr><tr><td>Icon</td><td>In the section, the icons are given to select. </td></tr><tr><td>Icon size on desktop</td><td>This feature to specify icon width in a section. You can set the icon width minimum of “20px” and a maximum of “60px”. </td></tr><tr><td>Code</td><td>Enter text to display as a promotion code in the section.</td></tr><tr><td>Uppercase text</td><td>Enable this checkbox to show promotion code in  uppercase font style.</td></tr><tr><td>Outline text</td><td>Check this box to use of outline text of promotion code in this block.  </td></tr><tr><td>Alignment</td><td><p>Customization of the "Alignment" in the section is as follows:</p><ul><li>Left</li><li>Center</li><li>Right</li></ul></td></tr><tr><td>Text size on desktop</td><td>You can adjust the font size on desktop device and set it to the minimum size of “20px” and a maximum size of “60px.”</td></tr></tbody></table>

<figure><img src="https://895706505-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0PKM9UHryXjPN3UYSTy0%2Fuploads%2FH92YixZbJbBsjL8rj9Sw%2Fpromotion-code-block.png?alt=media&#x26;token=b29b7cab-0da1-4339-9808-efb8ad2fbcda" alt=""><figcaption></figcaption></figure>
