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 on Text settings to open it.

A panel will appear with three tabs at the top: Text, Colors, and Border.

Make sure the Text tab is selected. This is where you will find the line height option.


Step 5: Turn on Line Height

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

Click the toggle switch next to it to turn it on. The toggle will turn green 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.

Helperbird helps enhance my studying and research efforts by allowing me to add sticky notes and highlight important stuff on websites, or e-books. I can also easily remember to read articles later.

Jared B.

Jared B.

Marketing Director

I have been a user of Helperbird for the past year or so and a huge fan of the work Robert has done. I have switched from Chrome to Firefox and glad this here too. 5/5. Can't wait for Voice Typing support

Damon Robin

Damon Robin

Firefox user

This app does wonders!!

Sandra Fox

Sandra Fox

Helperbird user

Helperbird is one of the most helpful tools I've ever used. It has so many great features that not many other apps or software have. The free version can be installed and stay forever on your browser. Other companies don't always give you access for free or give access for free forever. When you do get access to the Pro version or other paid plans, you expand your opportunity to read and stay focused better. One of the other great things about Helperbird is their support service. They have a video for every single feature that you can use. They are simple and helpful videos that make the learning process a lot easier. In addition, they have great live chat support. They are super nice and helpful. They always encourage people to give suggestions on how to improve Helperbird. Why is this important? It shows they really care about people with disabilities or people in general.

Alex R

Alex R

Helperbird user

Wow what great tool, I love it! Keep up the excellent work. Add more fonts in the future and cant wait for the ios version!!

A Google User

A Google User

Helperbird user

It's been a great help. Im very happy I made the switch.

Gregory Arnold

Gregory Arnold

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.