How can I set a large paragraph with line breaks in Webflow CMS Collections?
TL;DR
- Use a Rich Text field in your CMS Collection and insert line breaks with Shift + Enter when editing content.
- Bind the Rich Text field to a Rich Text element on the template page and style as needed.
To add a large paragraph with line breaks in a Webflow CMS Collection, you need to format your rich text field correctly and use the appropriate field type.
1. Use a Rich Text Field in CMS
- Go to your CMS Collection in Webflow.
- Add or edit a field and choose the Rich Text field type.
- Name it appropriately (e.g., “Detailed Description” or “Content”).
2. Add Line Breaks Using "Shift + Enter"
- When editing a Rich Text field (directly in the CMS Item editor), press Shift + Enter to insert a single line break.
- Pressing Enter alone creates a full paragraph break (i.e., adds bottom spacing).
- Use combinations of Enter and Shift + Enter to structure your paragraph the way you want.
3. Bind the Rich Text Field to a Rich Text Element on the Page
- On your CMS Template Page, drag a Rich Text element onto the canvas.
- With the Rich Text element selected, click the purple "Get text from CMS" button in the right panel.
- Choose the Rich Text field you created in the Collection settings.
4. Customize Styling if Needed
- You can target specific elements like paragraphs, strong text, or inline breaks using Rich Text Element styling.
- Use Utility classes or global classes if needed to control spacing, font size, or line height.
Summary
To add large paragraphs with line breaks in Webflow CMS, use a Rich Text field in your Collection and insert line breaks with Shift + Enter. Bind the field to a Rich Text element on your page for proper formatting and display.