With the rich text box, you can apply styling to specific parts of your text or use Markdown syntax.
This is useful when you want to emphasize just part of a longer piece of content, like in FAQs.
The rich text box is also used to display body content on the editor canvas when it's created using the Rich Text property in Studio CMS.
Adding a rich text box
In the navigation menu on the left side of the design editor, select the [Add] icon
.From [Basics], select [RichText].
When you click it, a rich text box is placed on the screen.
Markdown syntax
You can use Markdown syntax in the rich text box.
For more details about the supported Markdown input methods, check out this help article:
Setting the design of content inside a rich text box
You can edit the spacing and appearance (color, font, corner radius, etc.) of text and images inside a rich text box.
These settings can be found in the [Content] tab or the [Box] tab on the right panel.
Editing the design of text inside the box
Select the rich text box.
On the right panel, click the [Content] tab.
If the panel is closed, open the right panel first.
Setting colors for rich text
Use the color palette to set colors.
For details on how to do this, check out Setting colors with the color palette.
Note: When applying a gradient to rich text
A gradient is applied to the entire text block at once.
When applied to a bulleted or numbered list (
<ul>,<ol>), the list markers (bullets or numbers) will be hidden.
For general notes on text gradients, such as settings that can't be used together or browser compatibility, see Editing text alignment and design.
Setting fonts for rich text
Just like with regular text boxes, you can set fonts for rich text. For details on how to set fonts, see the following help articles:
Applying special styles to part of your rich text
You can apply special styles—bold, italic, strikethrough, underline, and link—to part of your text. Once a special style is applied, that part of the text can be selected individually, and you can edit its design from the [Content] tab.
Setting the design of images inside rich text
You can set spacing, corner radius, and other properties for images inside a rich text box.
Double-click an image inside the rich text box to select it.
Check that <figure> appears next to the selected image on the screen.
Open [Box] on the right panel. If the panel is closed, open the right panel first.
Set spacing under [Layout], and corner radius or border under [Appearance].
Note: If the corner radius isn't applied
If setting a corner radius doesn't seem to work, go to [Position] under [Box] and set the image's [Overflow] to [Hidden].
For reference: Box position: Overflow settings