Try using Firefox with the Firebug add-on for this kind of CSS work.
http://getfirebug.com/
I have Firebug, but Thematic’s code is so simple there’s no place that even mentions the font size on the style sheet. I ran the profiler and the erros and nothing shows up.
Then it’s probably defaulting to your browser’s configured font size and you need to add a specific font-size rule.
Ok, thanks. I’m completely new at this. It says, This element has no style rules. You can create a rule for it.
I’ve put in 80px, but it won’t accept it.
I put this in my child theme. Yet it hasn’t changed a thing.
}
#blog-title {
font-family: Arial,sans-serif;
font-size: 80px;
font-weight: bold;
line-height: 90px;
text-decoration: none;
}
#blog-description {
color: #666666;
font-size: 24px;
font-style: italic;
}
Best to use pt or em unit for font size instead of px.
http://css-tricks.com/css-font-size/ says “Point values are only for print CSS!” and “the reason we don’t use point sizes for screen display (other than it being absurd), is that the cross-browser results are drastically different”.
The author also argues that px is often the best. It used to not be zoomable, but that was a limitation of IE 6 and older browsers. From 2010 onwards there has been less and less reason to use anything else than px for fonts.
According to the same author as above, one convenient practice that doesn’t use px fonts is to “set a reasonable font size on the body (like “small”) and then using percentages for everything else.”
