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. Learn how to adjust line height on any website using Helperbird. Line height adds space between lines of text, making it easier to read without losing your place.

·

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.


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.


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.


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.


Step 5: Turn on Line Height

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

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


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.


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.

What People Are Saying

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

My son has dyslexia and has been struggling with parts of distant learning over the last year. We recently discovered this software and he is loving everything about it, especially with the ease of following directions and completing his assignments! We have used several other tools but this has everything a dyslexia person needs all in one bundle! The upgrade is definitely worth it to make our daily struggles, on the computer, run much smoother. I also greatly appreciate customer support (helpdesk). They went above and beyond to make sure we were all set up on the computer for my son to most successful.

Melissa Motz

Melissa Motz

Teacher

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 Wren

Fiona Wren

Helperbird user

Love this extension works beautifully overall.

Pauline Olsen

Pauline Olsen

Helperbird user

omg i can actually read now

Spin F.

Spin F.

Helperbird user

The best in its class - SUPERB - It does everything I need for my aging eyes.

Jen Ridge

Jen Ridge

Helperbird user

Works a treat. This is brill!

Sue Dowdall

Sue Dowdall

Helperbird user

Helperbird logo: Stylized owl with large yellow eyes and a beige face, against a green background.

Download Helperbird

Make browsing easier and more accessible with tools like Text to Speech, Immersive Reader, and more.