Rich Text Element and List Item Spacing in Sparkforge
The Rich Text element in Sparkforge gives you headings, block quotes, inline and full code blocks, multi-level lists with custom bullet styles, highlight colors, and a List Item Spacing slider — no HTML required.
The Rich Text element is a single text block in the Sparkforge page builder that handles headings, block quotes, inline code, full code blocks, multi-level lists, and highlight colors. The sidebar matches the Paragraph element, so styling feels familiar.
What the Rich Text Element Adds
- Heading switching: Toggle text between paragraph and H1-H6 in place.
- Block quotes: Type
>and Enter to start a quote. - Inline code: Wrap text with single backticks.
- Full code blocks: Type triple backticks and Enter.
- Advanced lists: Bullets (disc, circle, square), numbered (numeric, lower/upper alpha, lower/upper Roman).
- Highlight colors: Pick a swatch from the floating toolbar.
How to Add a Rich Text Element
- Open the Funnel or Website Builder for your page.
- In the left panel, click Quick Add > Rich Text.
- Drag the element into a row or column and click to start editing.
Switch Between Paragraph and Heading
- Highlight the text.
- Click the Paragraph dropdown in the floating toolbar.
- Select your heading level.
Lists and Nesting
Two ways to start a list:
- Type
*then space. - Highlight text and click Unordered List or Ordered List in the floating toolbar.
Click the dropdown next to the bullet to change the marker style. Press Tab to indent and Shift + Tab to outdent.
List Item Spacing
List Item Spacing controls the vertical gap between list items, separate from text line height. Use it to add breathing room on long or mobile-heavy lists.
- Select a Rich Text or Bullet List element.
- Open the Style panel and find List Item Spacing next to Line Height.
- Drag the slider or enter a value.
Use Line Height for spacing inside a list item, and List Item Spacing for the gap between items. Supported elements: Rich Text and Bullet List.
Keyboard and Markdown Shortcuts
| Action | Shortcut |
|---|---|
| Toggle paragraph and heading | Ctrl + Alt + 1-6 (Windows) or Cmd + Option + 1-6 (Mac) |
| Block quote | Type > + space at line start |
| Inline code | Wrap text with backticks |
| Code block | Triple backticks then Enter |
| Highlight color | Select text and pick a swatch |
Sidebar Styling
Everything from the Paragraph block applies — typography, spacing, drop shadows, animations, device visibility, and custom CSS class.
Frequently Asked Questions
Can I convert a Paragraph element into Rich Text?
How do I make nested lists?
Do global fonts and colors apply to Rich Text?
What does List Item Spacing change?
Was this article helpful?
Thanks for the feedback.