How can I change the style of the paragraph text within a rich text block in Webflow? The provided instructions did not work for me. Thank you.
TL;DR
- Add a custom class to the Rich Text element.
- Use the "All Paragraphs inside [class]" selector in the Style panel to apply styles, as individual paragraphs can't be styled directly inside Rich Text blocks.
To change the style of paragraph text inside a Rich Text block in Webflow, you need to use the right CSS targeting method—Rich Text elements don’t use regular Paragraph classes. Here's how to correctly apply styles.
1. Select the Rich Text Element
- Click on the Rich Text element on your canvas.
- In the right style panel, check the class name—if it doesn’t have a custom class, give it one (e.g.,
rich-text-body).
2. Enter "Rich Text" Nested Editing Mode
- Double-click the Rich Text content or click the pencil icon in the top-right corner of the canvas to edit the content inside.
- Place your cursor inside a paragraph element within the Rich Text.
3. Target Paragraphs Using "All Paragraphs" (or Better: Rich Text Context)
- You cannot apply a custom class directly to paragraphs inside a Rich Text block.
- Instead, use a combo class selector:
- Go to the Style panel.
- In the Selector field at the top, click the dropdown.
- Choose “All Paragraphs inside .rich-text-body” (Webflow will auto-suggest it when you start typing).
4. Apply Your Desired Styling
- Now that you're targeting only paragraph tags inside your Rich Text block, adjust typography, color, spacing, etc.
- These changes will only affect paragraphs within that specific Rich Text block.
5. Preview and Test
- Exit the editing mode and preview your page.
- Make sure your changes are applied only to the intended Rich Text content.
Summary
To style paragraph text inside a Rich Text block in Webflow, add a custom class to the Rich Text element, then style using the "All Paragraphs inside [class]" selector. Direct styling or class assignment to individual paragraphs within Rich Text won't work.