Line Spacing and Font Size

cyrilboehler · Member · Jun 10, 2016 at 1:25 pm
Copy link

Add topic to favorites
Hello, how can i make the line spacing on my portfolio project pages and other pages smaller. The line spacing is also too wide on the mobile.
And how can i make the Font on top of project pages smaller without effecting the font size of the Portfolio Page?

Thank you for helping!

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Jun 11, 2016 at 1:18 pm
Copy link
For the font size and spacing on content, add the following CSS and edit as desired.
```
p, address {
    font-size: 1em;
    line-height: 1.8889em;
}
```
For the titles on single portfolio pages, such as this page, add the following CSS and then adjust as desired.
```
.single-jetpack-portfolio h2.entry-title {
    font-size: 1.7778em;
}
```
cyrilboehler · Member · Jun 11, 2016 at 4:04 pm
Copy link
Oh wow, great! How about changeing the Font Size on top of Pages and Posts ? Also how can i make the distance from the top line to the the second headline underneath smaller on a page like this: https://cyrilboehler.com/news/ Many thanks for your help!
supernovia · Staff · Jun 13, 2016 at 10:34 pm
Copy link
You can manage font sizes under Customize > Fonts without having to change the CSS at all.

To reduce the gap, try this:
```
.horizontal-rule::after {
    display: none;
}
```
cyrilboehler · Member · Jun 15, 2016 at 5:08 pm
Copy link
Many thanks supernova, it worked!

My theme only has two font sizes, which makes it kind of difficult. Because if i take a smaller font size for the headings the font size of the portfolio front page will be too small…

So i’m still wondering how i can changeing the font size on top of Pages and Posts (Portfolio has been worked out by the CSS code of sacredpath )

Thank you for helping!
supernovia · Staff · Jun 16, 2016 at 6:18 am
Copy link
Do you want to make all h2 entry titles the same style? If so, would this work?
```
h2.entry-title {
    font-size: 1.7778em;
}
```
cyrilboehler · Member · Jun 16, 2016 at 1:29 pm
Copy link
Hey Supernovia, yes exactly that’s what i want. But unfortunately this code only works on the portfolio pages too….
thesacredpath · Member · Jun 16, 2016 at 7:32 pm
Copy link
@cyrilboehler, let’s add another CSS selector to the rule @supernovia gave. It appears pages such as your about page have h1 elements instead of h2, and looking through the CSS I’ve also added another CSS selector as well, just in case. Use this and then check to make sure we have gotten it all.
```
h2.entry-title, .entry-header h1.entry-title, .page-header h1.page-title {
    font-size: 1.7778em;
}
```
cyrilboehler · Member · Jun 17, 2016 at 10:31 pm
Copy link
many thanks @thesacredpath ! It works! I’m happy (-:
thesacredpath · Member · Jun 18, 2016 at 1:36 am
Copy link
Hooray and you are welcome!

No items found.