Post / Content Font Size – how to make it bigger via CSS

etfalpha · Member · Oct 20, 2014 at 9:57 am
Copy link

Add topic to favorites
Dear WordPress Users,
My website is based on the Morning After theme. I would like to be able to amend the size of my content / posts via CSS … I don’t know what syntax I should use. I would appreciate your help a lot.
Thank you.
Bart
P.s. I use WordPress.com

The blog I need help with is: (visible only to logged in users)
lubmir2k · Member · Oct 20, 2014 at 10:07 am
Copy link
Hi there,

you can try to enter this code:

html > body {
font-size: 16px;
}

This sets the base font size to 16 pixels instead of 12. You can experiment with sizes until fits right.
etfalpha · Member · Oct 20, 2014 at 10:14 am
Copy link
Thank you so much for your feedback. It works :)
One more question. Is there a way to make changes not to affect the frontpage … only the post specific pages … ?
thesacredpath · Member · Oct 20, 2014 at 5:49 pm
Copy link
Yes there is. Single post pages have a page specific body class in the opening body tag in the HTML. If you view the HTML of a single post page and find the opening body selector, you will see it start out something like this.
<body class="single single-post...

If you preface the selector you wish to change by .single, then you can specifically target all single post pages. Here is an example where I am putting a red background color on the navigation on single post pages only in The Morning After.
```
.single #navigation {
    background: red;
}
```
I used the web inspector built into my browser to find relevant CSS. If you are not familiar with the web inspector in your browser, take a look at our support page on How to Find Your Theme’s CSS where you will find some brief screencasts to get you started with it. I find it an invaluable tool when working with CSS.
etfalpha · Member · Oct 21, 2014 at 9:11 am
Copy link
Thank you for your help :)

No items found.