Changing font-size, line-height in paragraphs text

[Pekka Murtokangas]

How can change font-size and line-height in normal paragraphs (p) I have tried to add to childtheme css:

p{font-size:18px;line-height:1.2}, but no affect…

Pekka M

[Tom]

You can change the font size in “Customize > Typography”.

For the line height, what you have above should work:

p {
    line-height: 17px;
}

Adjust as necessary.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Chris]

The Line Height variable might be a good option to add under “Customize > Typography” in a future update to the GP Premium package. This way users can adjust there instead of the CSS file. 🙂

[Tom]

I agree 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Bogdan]

I also agree 🙂 line-height is the second most used setting in typography and graphic design, generally speaking. It should be more accesible = in the Typography interface, and most definitely not available only through custom CSS. Please help! 🙂

[Tom]

GP Premium 1.2.90 made it possible to add line-height in an upcoming version.

It’s coming soon 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Chris]

That’s great news Tom. Much appreciated!

– Chris

[Bogdan]

Thanks! 🙂

[Bogdan]

I found smth which may be IMHO the ideal example of Typography settings: https://typeanything.io/

With one more very useful feature: live update when hovering over a font name in a dropdown.

[Tom]

Very cool, not sure something like that would work in the Customizer, but worth looking into 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Bogdan]

I predict that if you make this, youl’ll suddendly have a boost in sales 🙂 , since this is the correct approach from a designer’s point of view – most other implementations in wp/front-end/page builders omit many settings which:
– are quite esential for a very good styling (for example – letter-spacing)
– are already available as specs – nothing fancy to re-invent, just implement

[Tom]

Really appreciate the ideas 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts