How to adjust line height in Webflow's new UI? Need help with fixing bunched-up heading text.
TL;DR
- Log into Webflow, open the Designer, select your project, and click on the heading text to adjust.
- Under the Typography section in the Style panel, adjust the line height and preview changes before saving and publishing.
Having trouble with bunched-up heading text in Webflow? You can adjust the line height to improve readability. Here's how:
1. Open Webflow Designer
- Log into your Webflow account and select the project you want to work on.
- Open the Designer to access the editing interface.
2. Select the Heading Element
- Click on the heading text you want to adjust.
- Ensure it's highlighted by checking the Navigator for the active element.
3. Access Typography Settings
- In the Style panel on the right, navigate to the Typography section.
- Here, you can manage text properties including line height.
4. Adjust Line Height
- Look for the line height input box, typically located below the font size settings.
- Enter a new value or use the up/down arrows to adjust the line height.
- Choose a value that visually separates the lines of text appropriately.
5. Preview Your Changes
- Use the Preview mode to check how the adjusted line height looks in various screen sizes.
6. Save and Publish
- Once satisfied, ensure you Save your changes.
- Publish your site to see the changes in effect on the live site.
Summary
To fix bunched-up heading text in Webflow, adjust the line height in the Typography section under the Style panel. Make sure to preview and save your changes for an improved text display.
