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
turion
Posts: 3
Joined: 20 Nov 08
Trust:
23 Dec 08 3:23 pm

H1 headline too big

Hello,

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?

Thanks,

Janice
  • 0
Moderator
superaff
Posts: 354
Joined: 09 Sep 06
Trust:
26 Dec 08 6:00 am

 Yes, just reduce the size with your website creation software.

Franck
  • 0
Did you see the amazing case studies on my blog http://mynetmarketingland.com/blog1/
Affiloblueprint Bonus: http://www.mynetmarketingland.com/mark-ling/affiloblueprint.html
 
Site Admin
aletta
Posts: 3392
Joined: 09 Jul 06
Trust:
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.
  • 0
Are your changes not showing up on your website? Try doing a hard refresh! http://www.refreshyourcache.com/en/cache/
 
vitalyg
Posts: 1
Joined: 25 Nov 09
Trust:
05 Jan 10 12:04 am

 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.

Thanks.
  • 0
realwombat
Posts: 24
Joined: 30 Nov 09
Trust:
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
  • 0
Character is what is left when Charisma is all used up
You are hosting with WHO? Make the http://righthostchoice.com
 
Topic locked