Adjust line spacing

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:

  1. Go to Customize > Style (HTML & CSS).
  2. In the Customize HTML, CSS, and JS section, select Custom CSS.
  3. 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;
    }
  4. 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.
  5. Save your changes.