# Rich text

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

The Flute theme includes a section called 'Rich text.' This section is designed for sharing information about your brand with your customers. You can add a title, description, and buttons.

<table><thead><tr><th width="272">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Enable wide layout</td><td>Turn this on to make the richtext section in full width.</td></tr><tr><td>Desktop content placement</td><td><p>To change the position of the content in desktop device, utilize the "Desktop content placement" setting. Content Position is automatically optimized for mobile device. Customization of the "Desktop content placement" in the rich text section is as follows:</p><ul><li>Left</li><li>Center</li><li>Right</li></ul></td></tr><tr><td>Content alignment</td><td><p>Customization of "Content alignment" in desktop and mobile devices is as follows:</p><ul><li>Left</li><li>Center</li><li>Right</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><li>Scheme 6</li></ul></td></tr><tr><td>Outer space</td><td><p><strong>Top space</strong> </p><p>Add extra space (in pixels) <strong>above the section</strong> to control its placement on the page. </p><p></p><p><strong>Bottom space</strong> </p><p>Add space <strong>below the section</strong> to create proper spacing between sections.</p></td></tr></tbody></table>

<figure><img src="https://2356931311-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2wXphKnAlRWTA61K8EmG%2Fuploads%2FdlA2b2luG4NE0bWohuNu%2Frich-text.png?alt=media&#x26;token=72dd269b-f107-412f-89dd-147507f68693" alt=""><figcaption></figcaption></figure>

## Add block

To add block to the Rich text section, click on the 'Add block'. 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>Heading</td><td><p><strong>Text</strong><br>Enter text to display as a title on the section.<br><br><strong>Size</strong></p><p>Following is the font size customization of the heading in the section:</p><ul><li>Small</li><li>Medium</li><li>Large</li></ul></td></tr><tr><td>Text</td><td><strong>Description</strong><br>Click on the "Add block" and select the text. And enter text to display as a description on the section.</td></tr><tr><td>Caption</td><td><p>Click on the "Add block" and select the Caption. </p><p></p><p><strong>Text</strong><br>Enter a small text to display as a caption in the section.<br></p><p><strong>Text size</strong></p><p>Following is the font size customization of the caption text in the section:</p><ul><li>Small</li><li>Medium</li><li>Large</li></ul></td></tr><tr><td>Custom icon</td><td><p>Click on the "Add block" and select the Custom icon.</p><p></p><p><strong>Custom svg</strong> </p><p>Use this block to paste SVG icon code here to display in richtext section. </p></td></tr><tr><td>Custom liquid</td><td><p>Click on the "Add block" and select the Custom liquid.</p><p></p><p><strong>Liquid code</strong></p><p>Use this block to enter custom liquid code in richtext section.</p></td></tr><tr><td>Image</td><td>Click on the "Add block" and select the Image. Use "Image" to add image in the richtect section.</td></tr><tr><td>Video</td><td>Click on the "Add block" and select the Video. Use "Video" to select video for richtext section.</td></tr><tr><td>Button</td><td><p>Click on the "Add block" and select the Buttons.<br><br><strong>First button label</strong><br>Use "First button label" to add a label to the Button in the section.<br><br><strong>First button link</strong><br>Use "First button link" to add a link to the Button in the section.<br></p><p><strong>Second button label</strong><br>Use "Second button label" to add a label to the Button in the section.<br><br><strong>Second button link</strong><br>Use "Second button link" to add a link to the Button in the section.</p></td></tr></tbody></table>

<figure><img src="https://2356931311-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2wXphKnAlRWTA61K8EmG%2Fuploads%2Ftf8zrF1WYhrzTxf3ks0q%2Frich-text-block.png?alt=media&#x26;token=aecbbabc-f817-41ec-b863-3ec76efad563" alt=""><figcaption></figcaption></figure>
