Rich text editor
How to use the Rich text editor block in the Meditative Folks Theme.
Rich text editor
At a glance
Formatted rich text with links and basic styling.
Used in
- Configure where this block is available in the parent section.
Settings
Content settings
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Content | Add text, links, and formatting for this block. | — | Always |
Text settings
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Use global paragraph styles | When on, uses the matching style from Theme settings. Turn off to style only this section or block. | Yes | content != blank |
| Paragraph font size (mobile) | Sets paragraph font size (mobile) in pixels for the matching screen size. | 16 | Use global paragraph styles is off and content != blank |
| Paragraph font size (tablet) | Sets paragraph font size (tablet) in pixels for the matching screen size. | 16 | Use global paragraph styles is off and content != blank |
| Paragraph font size (desktop) | Sets paragraph font size (desktop) in pixels for the matching screen size. | 20 | Use global paragraph styles is off and content != blank |
| Text color | Controls “Text color” on the storefront. Open the theme editor to preview live. | #000000 | Use global paragraph styles is off |
| Content alignment | If the block is inside the flex block, content align does not work. Move it outside the flex block to work. | center | Always |
| Top spacing | Controls “Top spacing” on the storefront. Open the theme editor to preview live. | 0 | Always |
| Bottom spacing | Controls “Bottom spacing” on the storefront. Open the theme editor to preview live. | 0 | Always |
Setting details
Each control from the tables above, explained simply:
Content
Add text, links, and formatting for this block. Default: —.
Use global paragraph styles
When on, uses the matching style from Theme settings. Turn off to style only this section or block. Default: Yes. This control appears when: content != blank.
Paragraph font size (mobile)
Sets paragraph font size (mobile) in pixels for the matching screen size. Default: 16. This control appears when: Use global paragraph styles is off and content != blank.
Paragraph font size (tablet)
Sets paragraph font size (tablet) in pixels for the matching screen size. Default: 16. This control appears when: Use global paragraph styles is off and content != blank.
Paragraph font size (desktop)
Sets paragraph font size (desktop) in pixels for the matching screen size. Default: 20. This control appears when: Use global paragraph styles is off and content != blank.
Text color
Controls “Text color” on the storefront. Open the theme editor to preview live. Default: #000000. This control appears when: Use global paragraph styles is off.
Content alignment
If the block is inside the flex block, content align does not work. Move it outside the flex block to work. Default: center.
Top spacing
Controls “Top spacing” on the storefront. Open the theme editor to preview live. Default: 0.
Bottom spacing
Controls “Bottom spacing” on the storefront. Open the theme editor to preview live. Default: 0.
Tips
- Place this block inside a wrapper if it should only show on certain screen sizes.
- Preview in the theme editor on mobile and desktop.