H1 headline too big

12 Jan 09 10:44 pm

You can edit the size of your H1 headings using CSS. It's best to do it from an external stylesheet, but if you're in a hurry you can write this:

<h1 style="font-family: verdana, arial, sans-serif; font-size: 22px; color: red;">Here's your heading</h1>

Tweak the "22px" part to change the size. If you don't want red, just change that piece too.

05 Jan 10 3:14 am

If you are editing the stylesheet file, make sure that there are no LATER definitions for the style - later definitions override the earlier ones.

Make sure you define the unit for the font size. For example, instead of using

{ font-size: 13; }

use this instead

{ font-size: 13px; }

You can define font-weight in words (normal, bold, bolder, etc...) or in numbers 100-900 with 100 being the lightest.

If you style tags (say, H1) the way Aletta showed above, it will only apply to that ONE instance of the style and does not override the definition given in the stylesheet.

The stylesheet is usually a separate file named "styles.css" or something like that. If you edit that, the effects should apply everywhere in the website.

:-) Markus