How to increase distance between lines in the post text

[elsa23]

Hi, Im using 4.2.3
Can someone help me to increase distance between lines in the post text please. Thanks

[Dave]

Add the following to the additional.css template:

.postcontent{
   line-height: 20px;
}

You can adjust 20px to your needs.

[elsa23]

Thanks, Can we separately choose the height of empty line ?

[Dave]

It is possible but it may not be compatible with all browser and I don't know whether it will mess up any of your styling in posts.

.postcontent br{
   display: block;
   content: "";
   margin-top: 5px;
}

[elsa23]

Originally Posted by Dave

Add the following to the additional.css template:

.postcontent{
   line-height: 20px;
}

You can adjust 20px to your needs.

I tried for "line-height" but with normal size in post, it's ok, when i increase the size in post, the line-height decreases

[elsa23]

Originally Posted by Dave

It is possible but it may not be compatible with all browser and I don't know whether it will mess up any of your styling in posts.

.postcontent br{
   display: block;
   content: "";
   margin-top: 5px;
}

Now, with this add, I had this result

[MarkFL]

Try Using units of "em" instead of "px" for the "margin-top" attribute. For example:

margin-top: 0.5em;

[elsa23]

Originally Posted by MarkFL

Try Using units of "em" instead of "px" for the "margin-top" attribute. For example:

margin-top: 0.5em;

Result for :

dsf dsg f
df gdf gdfg
df gdf gdg


dsf dsg f
df gdf gdfg
df gdf gdg


I used:

.postcontent{
   line-height: 20px;
}

.postcontent br{
   display: block;
   content: "";
   margin-top: 0.5em;
}

[MarkFL]

Try using only the selector:

.postcontent, .postcontent font {
	line-height: 1.5em;
}

Adjust the number "1.5" to your liking.

[elsa23]

Originally Posted by MarkFL

Try using only the selector:

.postcontent, .postcontent font {
	line-height: 1.5em;
}

Adjust the number "1.5" to your liking.

thank you :up::up: