Webflow sync, pageviews & more.
NEW
Answers

How to adjust line height in Webflow's new UI? Need help with fixing bunched-up heading text.

To adjust the line height in Webflow's new UI and fix bunched-up heading text, follow these steps:

  1. Open the Webflow Editor and navigate to the page where the heading text is located.
  2. Select the heading text element that you want to adjust the line height for. You can do this by clicking on the heading or selecting it from the Navigator panel on the left side of the editor.
  3. Once the heading text element is selected, you will see the element's settings in the right sidebar. Look for the Typography section within the Style tab.
  4. In the Typography section, you will find a property called "Line height." Adjusting this property will help you control the spacing between lines within the heading text.
  5. Click on the input field next to the Line height property and enter a value that suits your needs. You can either type in the value manually or use the up/down arrows to increase or decrease the value incrementally. You can also use units like "em" or "px" to define the line height.
  6. As you adjust the line height value, you will notice the change in real-time on the selected heading text element. If the heading text was bunched-up before, increasing the line height will create more space between lines and fix the issue.
  7. Keep tweaking the line height value until you achieve the desired spacing between lines for your heading text.
  8. Remember to preview your changes in different breakpoints to ensure that the adjusted line height works well across various screen sizes.

By following these steps, you should be able to adjust the line height and resolve the issue of bunched-up heading text in Webflow's new UI.

Rate this answer

Other Webflow Questions