# Rich text

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

The Piano 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.

{% hint style="info" %}
**Recommendation Size**\
Richtext background image size: 1920x450
{% endhint %}

<table><thead><tr><th width="272">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Make section full width</td><td>By enabling this checkbox, you can make section in full width.</td></tr><tr><td>Background image</td><td>Use "Image" to add the background image in rich text section.</td></tr><tr><td>Desktop content position</td><td><p>To change the position of the content, utilize the "Desktop content position" setting. Customization of the "Desktop content position" 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></ul></td></tr></tbody></table>

<figure><img src="https://3173492168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfToP25M1aksUElZIx0oN%2Fuploads%2F7bekucNnsgZ5PFjhp3p3%2Frichtext.png?alt=media&#x26;token=14f809d1-5532-4d90-ad81-3f6d61f1ea0f" 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>Heading</strong><br>Enter text to display as a title on the section.<br><br><strong>Heading 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><li>Extra large</li></ul><p><strong>Enable outline text</strong><br>By enabling this checkbox button should be outlined.<br><br><strong>Text color</strong><br>Set color for heading.</p></td></tr><tr><td>Text</td><td><p><strong>Description</strong><br>Click on the "Add block" and select the text. And enter text to display as a description on the section.</p><p></p><p><strong>Icon</strong></p><p>In the section, the icons are given to select. are for selecting:</p><ul><li>None</li><li>Flash sale</li><li>Apple</li><li>Banana</li><li>Bottle</li><li>Box</li><li>Carrot</li><li>Chat bubble</li><li>Check mark</li><li>Clipboard</li><li>Dairy</li><li>Dairy free</li><li>Dryer</li><li>Eye</li><li>Fire</li><li>Gluten free</li><li>Heart</li><li>Iron</li><li>Leaf</li><li>Leather</li><li>Lightning bolt</li><li>Lipstick</li><li>Lock</li><li>Map pin</li><li>Nut free</li><li>Pants</li><li>Paw print</li><li>Pepper</li><li>Perfume</li><li>Plane</li><li>Plant</li><li>Price tag</li><li>Question mark</li><li>Recycle</li><li>Return</li><li>Ruler</li><li>Serving dish</li><li>Shirt</li><li>Shoe</li><li>Silhouette</li><li>Snowflake</li><li>Star</li><li>Stopwatch</li><li>Truck</li><li>Washing</li></ul></td></tr><tr><td>Button</td><td><p>Click on the "Add block" and select the Button.<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>Icon</strong><br>Select icon from given list<br><br><strong>First button link</strong><br>Use "First button link" to add a link to the Button in the section.<br><br><strong>First button style</strong></p><p>Customization of the "First button style" in the Image with text section is as follows:</p><ul><li>As a link</li><li>No fill</li><li>Fill</li></ul><p><strong>Second button label</strong><br>Use "Second button label" to add a label to the Button in the section.<br><br><strong>Icon</strong><br>Select icon from given list<br><br><strong>Second button link</strong><br>Use "Second button link" to add a link to the Button in the section.<br><br><strong>Second button style</strong></p><p>Customization of the "Second button style" in the Image with text section is as follows:</p><ul><li>As a link</li><li>No fill</li><li>Fill</li></ul><p><strong>Open this link in a new window</strong><br>By using the "Open this link in a new window" option, the link will open in a new tab.</p></td></tr></tbody></table>

<figure><img src="https://3173492168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfToP25M1aksUElZIx0oN%2Fuploads%2F2mk4O3hv75kmeBIZ4zl2%2Frichtext-block.png?alt=media&#x26;token=d1038aed-3057-426a-b886-eafd609d1176" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://webibazaar.gitbook.io/piano-documentation/sections/rich-text.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.