By default, the line spacing, or line-height CSS attribute, is set to 1.5 for maximum web readability. This number basically gets multiplied with the current font-size to determine the actual line spacing/height that is displayed.
You can adjust the line-height of your text by adjusting the line-height using Custom CSS. To do so:
- Go to Settings > Style.
- Below the preview pane, be sure the Custom CSS tab is selected.
- Copy the code below and paste it into your Custom CSS field.
.hg-article-body p, .hg-article-body, .hg-article { line-height: 2.0; } - Replace 1.5 with the line-height measure you'd like to use. You can use a pixel measure (e.g. 25px); a number (like 1.2, 2.0, etc.); or a percent of the current font size (e.g. 90%). If you're unfamiliar with this CSS, see the w3 Schools page on line-height for more information or reach out to our support team. These settings will be applied to all articles.
- Save your changes.
Your Custom CSS might look like this:
