Manifest theme – font size

katepilcher · Member · Apr 2, 2012 at 8:55 pm
Copy link

Add topic to favorites
Hi there
I’m using the standard manifest theme and I’m wanting to use the standard font that is recommended for the theme but a font size smaller. I can’t work out how to do this. It seems like a simple thing to do, if I right click once I’ve selected the text and click Show Fonts nothing comes up. I’ve gone through the visual editor, with the kitchen sink open, and there is no icon that lets me change the default text to a smaller point size.

This is driving me bonkers, considering its such an easy request. I’m not familiar with HTML.

I welcome your help.

Thanking you in advance.

The blog I need help with is: (visible only to logged in users)
timethief · Member · Apr 2, 2012 at 8:57 pm
Copy link
Hello there,
If you are expecting to be able to click a button and change fonts throughout your blog then it’s not that easily done.

These are 3 ways to change fonts on wordpress.com blogs.

(1) Changing font families, colors and size in text in posts or pages either post by post or page by page by coding into the HTML editor. http://en.support.wordpress.com/editors/font-size-color/

(2) Changing font colors in text in posts or pages either post by post or page by page using the #4 icon (Select text color – change the text color) in Row 2 the Visual editor. http://en.support.wordpress.com/visual-editor/#row-2

(3) Changing all font families, colors and sizes throughout the whole blog by purchasing an annually renewable Custom Design upgrade and using Typekit Fonts with Staff support. http://en.support.wordpress.com/custom-design/

Note: A few themes do provide for changing font color in the Blog Title and/or optional Tagline and/or links. In the majority of themes font changes to font families, colors and size in the blog title, tagline, menu, post titles, page titles, categories and tags, widget headings, comments, and links cannot be done without CSS editing.
katepilcher · Member · Apr 2, 2012 at 10:37 pm
Copy link
Thanks Timethief for your speedy reply. I think option 1 applies to me. But I have no idea how to include this code into the HTML editor.



Would you be able to help? And do I have to insert that code for each and every post I do?

Thanking you in advance.
justpi · Member · Apr 2, 2012 at 10:42 pm
Copy link
That’s not the right code to use. But first paste the URL of the blog in question please: the site linked to your username isn’t a wordpress.com blog.
katepilcher · Member · Apr 2, 2012 at 10:57 pm
Copy link
Thanks justpi.

Here is the URL – http://globetrotting1.wordpress.com/
justpi · Member · Apr 2, 2012 at 11:40 pm
Copy link
The code of your posts is like this:
```
PARAGRAPH HERE
NEXT PARAGRAPH HERE
ETC
ETC
```
I don’t know if you’ve being doing this manually in the HTML editor or via some other application, but it’s wrong. First, the span tag is used for characters, words or phrases inside a paragraph, not for a complete paragraph. Second, you’re using two different commands simultaneously (medium and 12px), and they’re both bad. Third, you’re unnecessarily repeating the same commands for each paragraph.
All you need is this at the very beginning of each post (in the HTML editor, of course):
<div style="font-size:90%;">
and this at the very end:
</div>
Change the percentage to adjust the size.

But I would advise you against doing that in general. The default in Manifest is neither too large nor too small; see this post of mine:
http://wpbtips.wordpress.com/2010/12/07/main-text-font-size-compared/
More important, the perceived font size depends on the visitors’ screen resolution, and screen resolutions vary: what seems ok to you may seem small to a user whose screen has a higher resolution than yours.
timethief · Member · Apr 2, 2012 at 11:45 pm
Copy link
May I add that we can all increase or decrease font size on any site we visit very easily using keyboard shortcuts? As I’m visually challenged I do this frequently.
justpi · Member · Apr 2, 2012 at 11:51 pm
Copy link
Thanks TT. While we’re at it, please compare the OP’s blog with the theme demo and tell us which font size you find more reasonable:
http://globetrotting1.wordpress.com/
http://manifestdemo.wordpress.com/
katepilcher · Member · Apr 3, 2012 at 8:59 pm
Copy link
Thank you so much for your quick responses. Justpi – I tried your HTML coding in the HTML editor and adjusted the percentage to 90% and then 85% which changed the size in the editing window but when I clicked on preview it remained at the default size.

As you’ll see in my latest post, that I’ve just published titled ‘wish list’ the text is the normal default size of the manifest theme when in the HTML code is has 85%.

Do you know why this would be?
timethief · Member · Apr 3, 2012 at 9:05 pm
Copy link
@juspi
I prefer this size > http://manifestdemo.wordpress.com/
justpi · Member · Apr 3, 2012 at 11:33 pm
Copy link
@katepilcher: Sorry, couldn’t have foreseen this – first time I’m seeing it. The paragraphs in this theme refuse to inherit the styling of the div. You should report this in the Themes forum so that the WP theme team can see it and hopefully fix it.
justpi · Member · Apr 4, 2012 at 12:03 am
Copy link
By the way, what’s your screen resolution?
katepilcher · Member · Apr 4, 2012 at 5:54 am
Copy link
Hi Justpi – my screen resolution is 1920 x 1200.

Does that help?

Do you know if I were to upgrade to the year package that I would be able to pick and choose font size? Where do I find the themes forum to report this?

Thanks again for your patience.
justpi · Member · Apr 4, 2012 at 2:26 pm
Copy link
You’re welcome, and sorry that instead of finding a solution we discovered a bug!

a) If your screen resolution is 1920 x 1200, then I’m surprised you want to make the font smaller.

b) If you buy the Custom Design upgrade (or the Value Bundle) you can change the appearance of your blog, including changing the font size of the post content once for all. If you really want all your text smaller, then buying the upgrade is a better solution than having to add code to each and every post.

c) Forum front page: click Themes, click Add New.
katepilcher · Member · Apr 9, 2012 at 3:46 am
Copy link
Hi justpi

Sorry to be a pain again. So I’ve gone with option B and purchased a Custom Design upgrade for the sole purpose of having the body font, one font size smaller (even though you don’t recommend it). Now that I’ve paid the $99, I have no idea where I can change the font size once and for all. Would you be able to point me in the right direction?

Thanking you in advance.
thesacredpath · Member · Apr 9, 2012 at 6:49 am
Copy link
Go to appearance > custom design > CSS and delete the existing informational text from the editor and paste this in and then adjust the 14px value as you desire.
```
#core-content p, #core-content li, #core-content dd {
font-size: 14px;
}
```
katepilcher · Member · Apr 9, 2012 at 8:15 am
Copy link
Thank you so much thesacaredpath. This has worked.
thesacredpath · Member · Apr 9, 2012 at 10:20 am
Copy link
You are welcome.

No items found.