Line Height
Last updated
Was this helpful?
Last updated
Was this helpful?
Line height measures the distance from one line’s text baseline to the next line’s text baseline. The following image shows an example of how Line height is measured.
In the builder, you can use the Line height option to control the space from one line's text baseline to the next line's text baseline. Keep in mind that Line height is only an option for the following content blocks:
A few scenarios in which this might be helpful are:
When your design requires a high-level of precision, which requires more granular-level controls.
Adhering to strict brand guidelines.
Increasing the accessibility of your designs.
Take the following step to edit or adjust the Line height within text-based content in your design:
Navigate to the builder.
Click on one of the qualifying block types on the stage.
Navigate to the Content tab within the sidebar.
Scroll under the content block's properties, until you find the Line height drop-down option.
Select of the available Line height options in the drop-down menu, or select Custom if you'd like to set your own.
If you select Custom, use the minus (-) and plus (+) signs to adjust the Line height accordingly.
In the following GIF, you can reference an example of how to apply Line height to a design.
Consider the following when using Line height:
The minimum value is 0.5.
The maximum value is 3.
When you select the Custom option from the Line height drop-down menu, you can click plus (+) or minus (-) to increase or decrease the Line height value. The Line height value will increase or decrease in increments of 0.1.
If you manually type in a value with two numbers after the decimal, for example 0.57, the Line height will be rounded to the first number as the final value. So, the final value would be 0.6.
