#1
  1. No Profile Picture
    Registered User
    SEO Chat Explorer (0 - 99 posts)

    Join Date
    Jun 2005
    Posts
    16
    Rep Power
    0

    Question How to reduce H1 tags to a normal size


    Hello, I am using the font, tahoma, on my site. I am using H3 tags because h1 tags are to bulky and awkward no matter what size I reduce them to. Is there a way around this? Using a different font or CSS?
  2. #2
  3. hctibselgoogtonmai
    SEO Chat Skiller (1500 - 1999 posts)

    Join Date
    Apr 2004
    Posts
    1,919
    Rep Power
    66
    An example:

    h1 {
    font-family: tahoma;
    margin: 0px 0px 0px 0px;
    font-size: 11px;
    color: 006699;
    font-weight: bold;
    }
    My Favorite Tools: Web CEO - Ranking Reports, Keyword Research, Link Analysis | Hosting.com - U.S. Windows Hosting | ISAPI Rewrite - Rewrite & Redirect for Windows
  4. #3
  5. No Profile Picture
    Registered User
    SEO Chat Explorer (0 - 99 posts)

    Join Date
    Jun 2005
    Posts
    16
    Rep Power
    0

    Thumbs up


    FogHorn, Thanks for the reply. Here is the code as is

    h2 { font-family: Tahoma, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FC4D04; margin:1px; line-height: 16px}

    I should have added that to my original post. The text is fine as is, but when I make it H1 it becomes too large. Is there a way to adjust this code?
  6. #4
  7. hctibselgoogtonmai
    SEO Chat Skiller (1500 - 1999 posts)

    Join Date
    Apr 2004
    Posts
    1,919
    Rep Power
    66
    Are you saying that when you change your style sheet to include the h1 that the font is too big or that you're adding the h1's without defining them in your style sheet?

    h1 { font-family: Tahoma, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FC4D04; margin:1px; line-height: 16px}

    If it's the former, change the font size "16px" to something smaller if... if it's the latter add the h1 line to your css file.
  8. #5
  9. No Profile Picture
    Registered User
    SEO Chat Explorer (0 - 99 posts)

    Join Date
    Jun 2005
    Posts
    16
    Rep Power
    0
    Foghorn, no matter what I change "size to" (16, 15, 14) the font size never gets any smaller. I'm not sure why that is.
  10. #6
  11. No Profile Picture
    Contributing User
    SEO Chat Explorer (0 - 99 posts)

    Join Date
    Mar 2006
    Posts
    62
    Rep Power
    13
    It should, there's got to be something else wrong with the code. Do you have a link?
  12. #7
  13. No Profile Picture
    Registered User
    SEO Chat Explorer (0 - 99 posts)

    Join Date
    Aug 2006
    Location
    Ontario, Canada
    Posts
    15
    Rep Power
    0
    Originally Posted by gcnason
    It should, there's got to be something else wrong with the code. Do you have a link?
    I have a problem also.

    When I define the style of H1 to a smaller font the table around it still acts as if the font is regular H1 size... But the font itself is smaller..
  14. #8
  15. No Profile Picture
    Contributing User
    SEO Chat Explorer (0 - 99 posts)

    Join Date
    May 2006
    Posts
    68
    Rep Power
    13
    Make sure that you don't have any tags after your <H1>.

    For example <h1><a href="link.html>Some Text</a><h1>

    If you want to style something like that do it on the class of the a href.
  16. #9
  17. rod@missionop.com
    SEO Chat Mastermind (5000+ posts)

    Join Date
    Mar 2003
    Location
    Palm Beach Gardens FL 33410
    Posts
    16,980
    Rep Power
    0
    H Tags have a default padding of 12px on all sides.

    adjust with padding: 0px 0px 0px 0px;

    padding order: top right bottom left
  18. #10
  19. No Profile Picture
    Registered User
    SEO Chat Explorer (0 - 99 posts)

    Join Date
    Oct 2006
    Location
    southampton
    Posts
    3
    Rep Power
    0
    Try using an inline-style
    <h1 style="font-size: 13px" >heading</h1>

    if this works then there will be either a error in your style sheet or a rule higher in the cascade applied to h1

    obviulsly when fixed remove the inline style. I would never suggest using heading tags for formating eg you used h3, as this ruins the page semantics
  20. #11
  21. No Profile Picture
    Registered User
    SEO Chat Explorer (0 - 99 posts)

    Join Date
    Nov 2006
    Location
    Philippines
    Posts
    2
    Rep Power
    0
    Do all h tags have a 12px padding? or is it just h1?
  22. #12
  23. No Profile Picture
    Contributing User
    SEO Chat Explorer (0 - 99 posts)

    Join Date
    Mar 2006
    Location
    Mumbai, India
    Posts
    40
    Rep Power
    14
    H1 {DISPLAY: inline}

    H2 {DISPLAY: inline}

    H3 {DISPLAY: inline}

    In your style sheet.
  24. #13
  25. No Profile Picture
    Registered User
    SEO Chat Explorer (0 - 99 posts)

    Join Date
    May 2007
    Posts
    15
    Rep Power
    0

    Thumbs up


    yes, css is your way

Similar Threads

  1. How do you measure file size?
    By Chatmaster in forum SEO Help (General Chat)
    Replies: 8
    Last Post: Feb 27th, 2005, 11:33 PM
  2. One click to make text size bigger for readers
    By iKwak in forum Web Design, Coding and Programming
    Replies: 7
    Last Post: Nov 30th, 2004, 05:40 AM
  3. Controlling size of <H1><H2>text etc. via css
    By berkswelldirect in forum SEO Help (General Chat)
    Replies: 10
    Last Post: Oct 26th, 2004, 06:37 PM
  4. <H> Header Tags - size has changed ?
    By sunbreaks in forum Web Design, Coding and Programming
    Replies: 4
    Last Post: Jun 18th, 2004, 09:39 AM
  5. Google and H1 tags
    By asher02 in forum Google Optimization
    Replies: 8
    Last Post: May 18th, 2003, 10:45 PM

IMN logo majestic logo threadwatch logo seochat tools logo