The problem is that the entire page is built upon setting this style for the body (extra spaces removed, from the stylesheet.css file):
Code:
body {
background:#fff url(../images/bg.gif);
margin:0;
font-size:12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
line-height:150%;
text-align:center; padding:0;
}
Now, that's pretty small. The default is 16px, and using px as units isn't the best idea, though in modern browsers it's not as big of a deal as it used to be.
But you cannot just change it there because doing so will impact too many things, including how the page lays out. You may have to go through each element or at least each class of element that has text in it and set it for each of those individually.
However, I found that in limited testing that adding this rule to the stylesheet:
Code:
body * * * * * * * {
font-size: 13px;
}
seems to target what needs to be larger. I also tried:
Code:
body * * * * * * * {
font-size: 14px;
}
It's a matter of opinion, but that seemed almost too much for the layout to handle.
Now, either of these may or may not work out for you on this and/or other pages. But if one of them does, it's the easiest thing.
Otherwise you will need to go through the selectors one at time more or less to determine which ones to increase. And if you want much of an increase, in order to fit the larger text into the space allotted for it, you may have to change other styles and/or the layout itself.
Bookmarks