Editor Settings - Size
The Size panel allows you to adjust various text properties, including line height, letter spacing, and width. These settings help you fine-tune text appearance for better readability and layout consistency.
Line Height
Description
- Controls the vertical spacing between lines of text within the same block.
- Adjusted as a percentage relative to the text size.
Usage
- Increasing the value (e.g., above 120%) adds more space between lines, improving readability for longer text blocks.
- Decreasing the value (e.g., below 100%) brings lines closer together, suitable for compact designs.
Default Value
- 120%, which offers balanced line spacing for most text layouts.
Letter Spacing
Description
- Defines the horizontal spacing between individual characters.
- Adjusted as a percentage relative to the default character spacing.
Usage
- Increasing the value spreads characters apart, enhancing legibility in headings or large text.
- Decreasing the value tightens spacing, useful for fitting text in limited space or creating stylistic effects.
Default Value
- 0%, which uses the default spacing defined by the font.
Width
Description
- Determines how much horizontal space the text block occupies within its container.
- Set as a percentage of the available width.
Usage
- A width of 100% means the text block extends across the entire available horizontal area.
- Reducing the width can create narrower text columns, often used for improved readability or specific layout designs.
Default Value
- 100%, which ensures full-width text alignment.
The Size settings provide fine control over how text appears and interacts with surrounding elements. Adjusting line height, letter spacing, and width allows designers to create readable, balanced, and visually appealing layouts that adapt seamlessly to different content types and display sizes.
Learn how to manage the Order Settings to control the stacking and arrangement of elements in your popup layout. Editor Settings - Order