> For the complete documentation index, see [llms.txt](https://webibazaar.gitbook.io/flute-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/flute-documentation/sections/rich-text.md). # Rich text {% embed url="" %} The **Rich text** section lets you display engaging text content with optional buttons to highlight announcements, promotions, brand stories, or marketing messages. It is ideal for introducing collections, showcasing seasonal campaigns, or directing customers to important pages. ## How to add a Rich text section {% hint style="success" %} Steps 1. Open **Online Store → Themes → Customize**. 2. Click **Add section**. 3. Select **Rich text**. 4. Configure the section settings, including layout, alignment, spacing, and color scheme. 5. Add or edit content blocks such as **Caption**, **Heading**, **Text**, and **Buttons**. 6. Customize the content and styling to match your store's branding. 7. **Save** your changes. {% endhint %}

Setting	Description
Enable wide layout	Expands the section to use the full available page width.
Desktop content placement	To change the position of the content in desktop device, utilize the "Desktop content placement" setting. Left Center Right For visual guide show screenshot Content Position is automatically optimized for mobile device.
Content alignment	Customization of "Content alignment" in desktop and mobile devices is as follows: Left Center Right For visual guide show screenshot
Color scheme	Selects the predefined color scheme for the section background and text. You can change the background and foreground color of a section using the color scheme. Scheme 1 Scheme 2 Scheme 3 Scheme 4 Scheme 5 Scheme 6
Outer space	Top space Add extra space (in pixels) above the section to control its placement on the page. Bottom space Add space below the section to create proper spacing between sections.

## Section settings screenshot #### Desktop content placement

#### **Content alignment**

## Add block The Rich text section supports multiple content blocks that can be arranged in any order. 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.

Block	Description
Heading	The Heading block allows you to add a prominent title within the Rich Text section. Use it to introduce content, highlight promotions, or draw attention to important messages. Text Enter the heading text displayed within the section. Use the backtick character (`) before text to display an animated icon. Size Select the display size of the heading. Small Medium Large Enable shine effect Enable this option to apply an animated shine effect to the heading text. The shine effect helps draw attention to important titles and promotional content. Enable letter spacing Enable this option to increase the spacing between heading characters. Additional letter spacing can improve readability and create a more modern or premium appearance. Highlight animation color Choose the color used for the animated highlight effect applied to the heading. This setting is used when the heading contains animated highlight text and helps emphasize important words or phrases.
Text	Displays descriptive content below the heading. Description Click on the "Add block" and select the text. Enter supporting text or a detailed description. Supports rich text formatting, including bold, italic, links, bullet lists, and numbered lists.
Caption	Displays a small introductory text above the main heading. Click on the "Add block" and select the Caption. Text Enter a short caption or subtitle to introduce the main content. Text size Following is the font size customization of the caption text in the section: Small Medium Large
Custom icon	Click on the "Add block" and select the Custom icon. Custom svg Use this block to paste SVG icon code here to display in rich text section.
Custom liquid	Click on the "Add block" and select the Custom liquid. Liquid code Use this block to enter custom liquid code in rich text section.
Image	Click on the "Add block" and select the Image. Use "Image" to add image in the rich text section.
Video	Click on the "Add block" and select the Video. Use "Video" to select video for rich text section.
Button	Add one or more call-to-action buttons that direct customers to important pages. Click on the "Add block" and select the Buttons. First button label Use "First button label" to add a label to the Button in the section. First button link Use "First button link" to add a link to the Button in the section. Second button label Use "Second button label" to add a label to the Button in the section. Second button link Use "Second button link" to add a link to the Button in the section.