Notepad Theme – Font Size

• 

  biallasonline · Member · Nov 23, 2011 at 11:15 pm

  • Copy link
  • Add topic to favorites

  From what I’m picking up, I can “override” the Font Size in the Notepad Theme, by adding for CSS code. I’m not that familar with CSS, but how and where would I code this?

  I just want to go up one or two font sizes in the paragraph style.

  The blog I need help with is: (visible only to logged in users)

• 

  panaghiotisadam · Member · Nov 23, 2011 at 11:21 pm

  • Copy link

  Do you have the Custom Design upgrade?

• 

  biallasonline · Member · Nov 23, 2011 at 11:23 pm

  • Copy link

  No I don’t, I’m assuming I need to purchase that. If I do, can it be used with other WordPress Theme’s ?

• 

  designsimply · Member · Nov 23, 2011 at 11:51 pm

  • Copy link

  You can preview CSS changes on your Appearance → Custom Design → CSS page any time, but you do need to purchase the custom design upgrade if you want to save the CSS.

  There is also a Fonts tab at Appearance → Custom Design → Fonts that will allow you to select fonts and change the sizes for site title, headings, and body text.

  To target just paragraphs, try this as a CSS preview:

  p {
     font-size: 150%;
  }

• 

  panaghiotisadam · Member · Nov 24, 2011 at 6:26 am

  • Copy link

  • “If I [purchase the upgrade, can it be used with other WordPress Themes?”
  The Custom Design upgrade is per blog. It can be used no matter what theme you switch to. But:
  a) When you add something in your CSS editor, you target a specific element (all paragraphs in the above example) by using the corresponding selector (“p” in the example). Many selectors are theme-specific, so when you switch themes you may have to use a different selector for the same CSS change to have an effect.
  b) When you switch themes, a previous CSS change may no longer be good. For example, if you had changed the color of post titles, the color you had set may not fit the color scheme of the new theme; or if you had changed the font-size, it may be too big in the new theme.
  By the way, in case you decide to solve your problem by selecting a different theme instead of buying the upgrade, here’s a list of all free wp.com themes sorted by font size:
  http://wpbtips.wordpress.com/2010/12/07/main-text-font-size-compared/

  • If you don’t have the upgrade, you can change the font size on a post-by-post basis, by using inline CSS; switch the editor to HTML after you complete the post and add this at the very beginning:
  <div style="font-size:110%;">
  and this at the very end:
  </div>
  Change the percentage to adjust the size.