Wowchemy-hugo-modules: Limit paragraph width to optimize readability

Created on 23 Jan 2017  路  3Comments  路  Source: wowchemy/wowchemy-hugo-modules

Based on the initial suggestion in #96, I just took a quick look at Medium and Wordpress, two of the most popular blogging platforms. They limit the max-width of article paragraphs to 700 and 720 pixels respectively (even for very large screen sizes). I assume these design decisions were taken after very comprehensive research and that they optimize the readability of the content.

Therefore, I will experiment with introducing a max paragraph width across the body of all Academic content.

enhancement

Most helpful comment

Sure, just add the following to your custom CSS and change the max width. Note that there is 20px of padding on each side so actual displayed width is 760 - (20*2) = 720px.

.article-container {
  max-width: 760px;
}

All 3 comments

Closing as implemented in c941875, but feel free to leave any feedback here in relation to this :)

Can a user redefine article width in custom CSS? If yes, please, show an example. :)

Sure, just add the following to your custom CSS and change the max width. Note that there is 20px of padding on each side so actual displayed width is 760 - (20*2) = 720px.

.article-container {
  max-width: 760px;
}
Was this page helpful?
0 / 5 - 0 ratings

Related issues

CommonClimate picture CommonClimate  路  4Comments

ivlis picture ivlis  路  4Comments

chris-prener picture chris-prener  路  3Comments

pjox picture pjox  路  4Comments

JOduMonT picture JOduMonT  路  4Comments