Font Changing on Post but Not on Page

i have noticed that when i go to the typography settings there is an ability to change the post font size howeve the page font size is not changing as well?

where can i change page font size?

http://prntscr.com/4c3c2s

Scroll down the typography page.

i wish it was that simple…

that only changes the size of the font in the header..

id does not change the size of the font on the page

Doesn’t look like an option. But in the theme’s style.css file I find this:

body {
  margin: 0;
  font-family: 'Verdana', sans-serif;
  font-size: 14px;
  line-height: 21px;
  color: #333;
  background-color: #fff;
}

Copy and paste that into your custom css section of the theme panel, or into your style.css if you’re using a child theme, and then change the font to heart’s content.

what the heck.. i have no idea what that means.. thank for the help though..

i am not versed with css skills but i do know html.. i wonder if i can just us html font sizing on the specific page..

@cleverliving – If you do want to target all pages, you can use the CSS above in the following way (and this is the same process for any CSS @Lucian gives you) :

1. Open your theme panel
2. Scroll down and find the “Custom CSS” section on the left
3. In the first box there, paste this CSS:

body {
  font-family: 'PT Sans', sans-serif;
  font-size: 14px;
  line-height: 21px;
}

This section works by overriding the CSS specified in the theme by default, which is what you’ve just copied in. So now…

4. Change these style attributes to the ones you want. For example, let’s say you want your page text to be Times New Roman at 16px and lines that are 24px high. Your box would contain this:

body {
  font-family: 'Times New Roman', serif;
  font-size: 16px;
  line-height: 24px;
}

5. Save settings and clear cache (if you use one) when you’re done.

Why does this work? Because the text on pages is just a <p> that doesn’t have any other font info to inherit. Note that by changing the body CSS like we do here, you’re hypothetically affecting a lot of the site, but most of the other text has other styling that overrides this body styling.

• This reply was modified 11 years by TheMediumUTM.
• This reply was modified 11 years by TheMediumUTM.

Hi! I tried this code and it changes the font on the entire page, including the sidebar widgets. I would like to change the font & size just on the main body of the page, not the other elements. How can I modify the code to accomplish this?

Thanks for any tips!

Never mind! Found this post which has the code that works for the page and doesn’t affect sidebar widgets. Thanks!

Yup. Mutual learning process here ^_^