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
- Select the Rich Text Block and assign it a custom class.
- Use the nested selector (e.g.,
.yourclass p) to style only paragraphs inside that Rich Text Block.
To change the style of paragraph text inside a Rich Text Block in Webflow, you need to use a special method because it's not the same as styling a normal paragraph element.
1. Select the Rich Text Block
- Click on your Rich Text Block in the Designer canvas.
- Make sure you're selecting the Rich Text, not a Text Block or Paragraph element on its own.
2. Apply a Specific Class to the Rich Text Block
- With the Rich Text Block selected, add a custom class using the Selector field in the Style panel (e.g.,
rich-text-style). - This class allows you to target nested elements like paragraphs inside the Rich Text Block.
3. Use the Selector for Nested Paragraphs
- In the Selector field, click the dropdown next to your class name (e.g.,
rich-text-style) and select "All Paragraphs inside of .rich-text-style". - You will see a special combined selector like:
rich-text-style p.
4. Style the Nested Paragraph Element
- With the nested paragraph selector active, apply your typography styles (font size, color, line height, margins, etc.).
- Changes made here will only affect paragraphs inside that specific Rich Text Block.
5. Verify in Preview
- Click Preview (eye icon) to confirm the paragraph text within the Rich Text Block reflects your changes.
- If styles still don’t apply, double-check that:
- The class is applied correctly to the Rich Text Block.
- You're editing the right nested selector.
Summary
To style paragraph text inside a Rich Text Block, you must add a class to the block, then use the nested selector (like yourclass p) to target and style only the paragraphs within that block. Styling plain <p> tags won’t affect Rich Text unless specifically targeted this way.