How To Change Line Spacing In Webflow

Quick summary

Changing line spacing in Webflow is done through the Typography section of the Style panel, where the Height property controls line height. Using a unitless multiplier keeps your line spacing responsive across all screen sizes.

Steps

1. In the Webflow editor, use the Navigator to select the section you want to edit.
2. Alternatively, click directly on the element in the canvas to select it.
3. On the right side panel, open the Style tab.
4. Scroll down to the Typography section and click to expand it.
5. Next to Size, locate the Height property — this controls line height. Click the unit label (PX) to view available unit options.
6. Select the unitless (–) option to use a multiplier value, which is ideal for responsive design.
7. Enter a value directly or use your arrow keys to increment the line height until you reach your desired spacing.