I wrote up a post in WordPress that included some code samples. I used the “preformatted” style for the code sample, which gives a nice monospace font and doesn’t screw up multiple spaces, and everything looks great…
…except that it’s tiny! The text of the code samples comes out at something ridiculously small, like 8 pt or something. The HTML isn’t much help; it’s only producing this text by wrapping it in a <pre> tag. So I figure the bad size setting has to be coming from my style sheet.
I don’t know a thing about CSS, though, and trying to look through the style sheet isn’t very helpful. Does anyone know how I can find what’s causing the <pre> tag to generate tiny text and tweak it to make the text size larger?
There could be several different stylesheets in your WordPress installation and you have to read them all, in order to find out what’s causing the problem. You should search for a definition of “pre”, but, given you don’t know much about CSS, you may have to do several tests to find out which one you should alter.
I believe an easier way is to install a plugin for code snippets, such as this.