Skip to main content

How to Change Line Height on Any Website

Learn how to adjust line height on any website for better reading comfort and accessibility Support for all learners and educators.

·

  • features

What is Line Height?

Line height is the vertical space between each line of text. When you increase line height, the lines spread apart more, giving text more breathing room.

For example, a paragraph with increased line height will have larger gaps between each row of text, making it easier to follow from one line to the next without accidentally skipping or rereading lines.


Who is This For?

This feature is helpful for:

  • People with dyslexia who lose their place between lines
  • Anyone who finds tightly packed text difficult to read
  • People with visual stress or eye strain
  • Students reading long articles or documents
  • Anyone who wants text to feel less crowded

Step 1: Open Helperbird

Click the Helperbird icon in your browser toolbar. It looks like a small owl and is usually in the top-right corner of your browser.

This will open the Helperbird menu.

The Helperbird popup with Helperbird switched on, showing the quick actions grid and the All Features button


Step 2: Open the All Features Section

Scroll down to the bottom of the Helperbird menu. You will see a section called All Features.

Click the arrow next to All Features to expand it and show all available features.

The All Features list in the Helperbird popup, showing every feature in alphabetical order


Step 3: Find Text Settings

Look through the list of features until you see Text settings.

It has a yellow icon with the letter "T" on it.

The All Features list scrolled to show the Text settings row and its Open button


Step 4: Open Text Settings

Click the arrow button next to Text settings to open it.

A panel will appear with all of the text options in one scrollable list. This is where you will find the line height option.

The Text settings panel open in the Helperbird popup, showing the Line spacing control


Step 5: Turn on Line Height

In the Text settings panel, scroll down until you see Line spacing.

Click the toggle switch next to it to turn it on. The toggle will turn blue when it is enabled.

The Line spacing toggle switched on in the Helperbird popup


Step 6: Adjust the Height

Once Line height is turned on, a slider will appear below the toggle.

Drag the slider to the right to increase the space between lines. Drag it to the left to decrease the spacing.

The changes will apply to the website immediately, so you can see the effect as you adjust the slider.

Tip: Line height works great together with letter spacing and word spacing. If text still feels cramped after adjusting line height, try increasing the other spacing options too.

The Line spacing slider moved to 106.0


Video Tutorial


Need Additional Help?

If you have any questions or run into any issues, please contact the Helperbird support team. You can reach us at Helperbird support. We are happy to help you get the most out of Helperbird.

Printed from the Helperbird Help Center · Updated August 11th, 2026

Questions? We are happy to help — helperbird.com/support

Reviews from the Chrome Web Store, Firefox Add-ons and G2

Join over 1,000,000 people who use Helperbird every day.

makes reading text heavy web page...

Helperbird offers a wide range of customization in one easy to navigate spot. Computers and dyslexia don't always mesh, the features like ruler makes reading text heavy web pages easier. Tech support is amazingly responsive should you need any help.
Fiona WrenHelperbird user

synchronize settings on multiple ...

Helperbird is a very useful and smartly designed tool that will most definitely make the browsing life of any user suffering from from dyslexia or is even remotely visually impaired a lot easier. It’s very easy to use, has the ability to synchronize settings on multiple devices, and is very efficient thanks to a useful set of straightforward customization options.
Vladimir CiobicaHelperbird user
Works a treat. This is brill!
Sue DowdallHelperbird user
Helperbird logo: a stylized owl with large round yellow eyes and a beige face.

Download Helperbird

Text to speech, dyslexia fonts, reading rulers, color overlays, and 43 more.

Free to add, and the everyday tools stay free. Works in Chrome, Edge, Firefox and Safari.