Need a new web host or having a problem with a script? Tips and advice on the best way to design, build and maintain your most valuable asset - your website!

H1 headline too big

Posts: 3
Joined: 20 Nov 08

H1 headline too big


I was wondering why my H1 headline font is so big. Is there a way to make it smaller? ... like the size of Mark's headlines on his WOW site? Anyone else have this problem?


  • 0
Posts: 354
Joined: 09 Sep 06
Yes, just reduce the size with your website creation software.

  • 0
Did you see the amazing case studies on my blog
Affiloblueprint Bonus:
Site Admin
Posts: 3392
Joined: 09 Jul 06
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.
  • 0
Are your changes not showing up on your website? Try doing a hard refresh!
Posts: 1
Joined: 25 Nov 09
How do I change it so it's not bold. I used the above: <h1 style="font-family: verdana, arial, sans-serif; font-size: 13px; color: black;"> but it still shows up as bold?

Also, is there a way to just change that in CSS? I found the h1 - h6, changed the size to 13 and weight: normal, but still there was no change in the size.

  • 0
Posts: 24
Joined: 30 Nov 09
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
  • 0
Character is what is left when Charisma is all used up
You are hosting with WHO? Make the