Rich Text

by Admin on Jan 02, 2025

1. What is Rich Text?

The Rich Text section is a flexible content block that allows you to add formatted text to your page, perfect for sharing detailed information, announcements, or storytelling.

2. Section Components

Section		Displays a customizable text area for content like paragraphs, announcements, or other important details.
Available blocks		Adds a formatted title or heading to highlight key content.
		Additional text area for taglines or supplementary information.
		A text block for detailed information or storytelling with adjustable display height.
		Adds a call-to-action button within the text content.
		Add images or embedded videos.

3. Location & Setup

Go to "Online Store" > "Themes" > "Customize"
Select where you want to place it
Click "Add Section"
Search for Rich Text
Click on it to add.

4. Highlight features

Formatted Text Options: Customize the look with headings, paragraphs, and styled text.
Link Integration: Easily add links to relevant pages, products, or collections.
Versatile Button Placement: Include call-to-action buttons for conversions.

5. Common Use Cases

🤔 How to set up the Rich Text section:

Want to build a compelling content section that combines different elements? Here's how:

STEP 1: Set up the general section:

Add the Rich Text section, and

Adjust the Content alignment for the 🖥️ Desktop layout and 📱 Mobile layout.
Adjust section padding in Section layout > Top padding and Bottom padding.
Select the background color scheme in Colors.

STEP 2: Set up the blocks (Add content elements):

By default, a Heading, Text, Buttons, and Caption block will be added along with the Rich Text section. You can:

Add more blocks or delete some redundant ones.
Enter the content by clicking on each block.
Drag and drop the block to change its order.
Add up to 2 buttons within a Button block.

STEP 3:

Click “Save” when done.

🤔 What customization options can you give your Rich Text?

For the whole Rich Text section:
✨ Change color scheme:	Click on the Rich Text section, scroll down to Colors, and choose the overall scheme you want to use in both light and dark mode in the Color schema.
✨ Make your section appear in RTL (Right to left) layout:	Click on the Rich Text section, scroll down to Theme Settings, and enter the right language code in RTL languages following the ISO Language Code Table.
✨Change the section width	Click on the Rich Text section, find the Section layout group, and choose the Section width to be Page width, Full width, Full width padded.
✨ Change the button animation:	Click on the Rich Text section, scroll down to Theme Settings, and choose the Primary button hover animation you want.
✨ Change the section width, add padding, or add a divider	Click on the Rich Text section, and scroll down to the Section layout group, and you will be able to change those settings.
For the *Heading* block:
✨ Change the Heading tag (for SEO purposes):	Click on the *Heading* block, find and choose the Heading tag from the list.
✨ Change the heading size:	Click on the *Heading* block, and choose the Heading size to be Small, Medium, or Large.
For the *Text* block:
✨Change the amount of content shown:	Click on the *Text* block, and choose the height in the Default content height setting. If you choose a different option rather than Show full content, a “Read more” button will appear.
✨Change the “Read more” button label:	Click on the *Text* block, and enter your text to the "Read more" label.
For the *Button* block:
✨ Change the button style:	Click on the *Button* block, and choose your Button style to be Primary or Secondary.
For the *Caption* block:
✨ Change the caption text style:	Click on a *Caption* block, and choose the Text style to be Subtitle or Uppercase.
✨ Change the caption text size:	Click on a *Caption* block, and choose the Text size to be Small, Medium or Large.
For the *Media* block:
✨ Adjust the size of the media	Click on a *Caption* block, and adjust the Media size from 1 - 100%.

Need help? Contact our support team at Omni Themes Support.