CSS for changing line height

fkrassuski · November 2015

Hi,

Which CSS can I use to change the line height of the text? I want to inscrease it, like to 150%

Also, an extra space after paragraph.

Thanks.

fkrassuski · November 2015

Nevermind. I found it out, it worked.

p { line-height: 32px; }

p { margin-top: 0em;
margin-bottom: 40px; }

Albert · November 2015

Great

We're glad to see that you found it yourself.

[Deleted User] · January 2016

I'd like to change my line height to 1.4em globally on my site. I am a complete beginner. Thanks

Albert · January 2016

@CompliaShield You can not change line-height globally because each item is different and got different line height.

FREIHEIT_Gera · August 2017

Hey Muffingroup,

Is it possible to change the line break height only for single posts? And if, could you please Tell me the CSS code for that? ;-)

Bryan · August 2017

Hey
What exactly is a line break height? Do you mean line-height?
Please give a css attribute for it and a link to your blog/
thanks

FREIHEIT_Gera · August 2017

Hey, sorry i'm german^^ We call it "Zeilenumbruch"

it means the gap between two lines in an text when you Press the Enter Button. In my opinion is this too small....

Here an example: http://bonfiretv.de/minecraft-das-aendert-sich-der-konsolenversion/

I had to make two < /br> Tags by hand between the end of the first text an the first h3 Headline.

The Problem is, we have some Editors but they dont have any clue about HTML and stuff. So we want to make it as simple as possible for them

Bryan · August 2017

Have you tried setting the line-height value in theme options>fonts>size&style?

FREIHEIT_Gera · August 2017

yes, of course :-)

Bryan · August 2017

You are not getting this right. THe line height value is to set the spaces between each line in one text block.
If you want to have more space under the H3 then just add padding or margin to make the gap bigger.
You can also but <br> or just a blank paragraph

CSS for changing line height

Comments