Home › Updates

Updates

Limiting the length of paragraphs to increase legibility

 June 26, 2017
by Flavio Mester

Having the right amount of characters on each line is key to the readability of your text. Having lines of text that are too long can make it difficult for people to read your content. Pages in our system are 1000px wide, so if you don't have any side by side content or left/right sidebars, a paragraph may look like this:

Long paragraph

A paragraph that’s too long

 

Our latest website framework allows designers to limit the paragraph width globally. The new Max. line width option is available in Design > Text, advanced (1) and it uses the em unit, which is proportional to the font. You can set the limit from 35em to 70em, as well as Unlimited.

For instance, after setting that option to 50em, the same paragraph would look like this:

The same paragraph after a maximum line length has been applied

The same paragraph after a maximum line length has been applied

 

Notes:

  1. This sets the maximum length for the paragraphs; therefore paragraphs that are shorter are not affected, and neither is the mobile display, which is very narrow to begin width.
  2. We also have new predefined styles for content blocks that allow you to override those settings for specific blocks e.g. to have a very narrow centred heading.

 


Flavio Mester

Flavio Mester is a graphic designer as well as a systems analyst (in a distant life he was an architect). A founding partner of Your Web Department, he's responsible for the design and development of all the YWD website management platform interfaces.
Google+ | Twitter | LinkedIn

 


  

 

 
Top of page