Saturday, July 19, 2014

How to change Blogger line spacing?

Blogger Line Spacing
Blogger Line Spacing
I recently needed to change the line spacing for my blog. Everywhere I searched online, their information seemed to be outdated. In my quest to change the line spacing for my Blogger blog post, I figured out how to do it. So, I want to share this new information with the world.

Line spacing in blogger blog:

How to  Change Line Spacing in blogger blog :


step 1 : Go to Dashbord
step 2 : click on template 
step 3 : click on Edit HTML

Search for line-height within #main in that template html code. You need to change line-height number as you like it. The higher you go the more spacing there will be between lines of a main body of your blog. It is by default set for 1.5em. You might want to change it to 1.8em. Just change the number and leave the "em" at the end.

#main {
  float: $startSide;
  width: 460px;
  margin-top: 20px;
  margin-$endSide: 0;
  margin-bottom: 0;
  margin-$startSide: 0;
  padding-top: 0;
  padding-$endSide: 0;
  padding-bottom: 0;
  padding-$startSide: 1em;
  line-height: 1.9em;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }