Support Hours & Info: Monday - Friday 8:00am - 5:00pm PST   •
Contact Support →
TutorialsDesignTypography

Set a default line height for your entire project

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form

The UI in this lesson may seem different if you've enables the Style Panel Beta! This content will be updated soon!
 
This video features an old UI. Updated version coming soon!

To set the default line height for the entire project you’ll need to set the line height on the Body (All Pages) tag. The style will cascade down to all text in the project, unless there are more specific styles set on an element.

Setting line height on a single text element

Changing the line height on a text element will only affect its text content. It overrides the styles that are coming from the element’s tag or the Body (All Pages) tag.

Resources

Learn more about "

Typography

"

Current Page
Intro to Typography

Learn how to define and configure the style of your typography

3:20

Current Page
Inline Text Formatting

Learn how to style any part of a text differently from the rest of the text with Inline text formatting.

Current Page
Text Style Inheritance

Check out examples of how elements can pass text style information down to their children.

3:18

Current Page
Text columns

Learn how to create columnar text that applies to text elements and other elements, such as forms using the text columns property.

Current Page
Create unique text styles by stacking text shadows

Learn how to use text shadows to add depth to your website typography.

2:36

Current Page
Set a default line height for your entire project

Learn how you can use different units for line height to make it scale automatically with the font size, or be independent of the font size.

1:38

More related content

Current Page

Plain text field

‍The plain text field is a Collection field that is best used for basic text that doesn't need formatting like headings, inline styles, or inline media.

0:51

Collection Fields
Current Page

Heading

Headings on a website are used by both your users and search engines to determine the content on your page.

2:02

Text Elements
Current Page

Paragraph

Learn all you need to know about the paragraph element—how to add, style, and use inline text formatting.

4:42

Text Elements
Current Page

Text Link

Learn how to add and nest Text Links. Also, learn how to style All Links in your project.

1:16

Text Elements
Current Page

Text block

Learn how to add generic text like a copyright notice using Text Blocks.

0:56

Text Elements
Current Page

Rich text

Check out why a Rich Text Element (RTE) is the perfect element for creating long-form conten

3:52

Text Elements

Community Forum

Share your creations and get help from our active community.

Contact Support

We're available Monday–Friday, 6 a.m.–6 p.m. PT.
© 2019 Webflow, Inc. All rights reserved.
Product
DesignerCMSHostingFeature IndexPlans & PricingTemplates
Company
AboutBlogJobsTerms of ServicePrivacy PolicySitemap
Help & Support
TutorialsCoursesWebflow 101EbooksService StatusContact Support
Social
YouTubeTwitterFacebook