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 Customize > Style (HTML & CSS).
- In the Customize HTML, CSS, and JS section, select Custom CSS.
- Copy the code below and paste it into the Custom CSS pane.
.hg-article-body p, .hg-article-body, .hg-article { line-height: 1.5; }
- Replace 1.5 with the line-height measure you'd like to use. You can use a pixel measure like 25px, a number like 2.0, or a percent of the current font size like 90%. If you're unfamiliar with this CSS, refer to the w3 Schools page on line-height for more information or contact us for help. These settings apply to all articles.
- Save your changes.