How do I increase the font size on my blog?

Here:

body
{
  margin: 0 auto;
  padding: 0;
  font-size: 62.5%; /* Resets 1em to 10px */
  font-family: ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
  background-color: #050505;
  background-image: url(’images/Page-BgTexture.png’);
  background-repeat: repeat;
  color: #515252;
}

Change the font size percentage to 80% and see if it’s suitable. If not change up or down as needed. Setting to 100% will display fonts to personal browser default font sizes – which will probably be too large for you.

Thank you Saurus,

I have tried that one already. It doesn’t change the font size. I really thought it would when I tried it last night. I have changed the percentage from 62.5% all the way up to 95% and nothing changes. In fact I went ahead and took the code out all together and there was no change at all. Is this like, fake code to throw me off the trail? I went to the site that designed the theme and all they will tell me is that for $50 an hour they will look at it. I really like this theme but if I can’t get it to work I will use one that will. Any more help would be appreciated.

Once again thank you Saurus.

If it doesn’t change it is likely that the default font of your browser keeps it where it is. Try a different browser and see – or set the browser to deafult to use web page settings.

Also – your themes stylesheet references font sizes in both pixels, em’s, and percentages – which is simply BAD coding. Don’t know why it was done like that but it makes it very difficult to handle. Only other reference that I noted to the code above is this one..

table, th, td
{
  font-size: 1em;
  padding: 0;
  border-collapse: collapse;
}

which lists font size as “1em”. Try changing the 1em to 2em and see what happens.

I have firefox, google and IE on my computer and it looks the same in all three. I have tried changing the code from 1em to 3em, it makes the calander larger but nothing else on the page. It’s strange. I agree that having pixels, em’s, and percentages is a problem.

Here are a couple of things I have tried that don’t work:

Everywhere in the code that states

font-size: 1px;

I have changed to

font-size: 9px;

There are a few places that will change a font on the screen but they refer to and change the buttons or the title and never the actual text on the screen.

I think there is a problem with this part of the code:

body
{
margin: 0 auto;
padding: 0;
font-size: 62.5%; /* Resets 1em to 10px */
font-family: ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
background-color: #050505;
background-image: url(’images/Page-BgTexture.png’);
background-repeat: repeat;
color: #515252;

I’m just not sure what.

I have tested all of these changes on 3 different computers, 4 web browsers and 2 operating systems.

I can’t believe how difficult this has become ??

I’m closing this topic out. I have figured out a way around my problem. Just in case anyone looks into this and wants to change the font size on a ridiculously written WordPress theme, the trick is odd. Instead of changing the font size in css, I had to look through each page and change the font, literally from small (which was written in the code) to medium. I am super unimpressed with this shoddy and pointlessly complicated code.