Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 12

Thread: H1

  1. #1
    Senior Member
    Join Date
    Jan 2011
    Posts
    148
    Member #
    26229
    Liked
    1 times
    Hey all,

    Me again, guess you can tell I'm new to this...

    so I want to change the font and size etc of some text in <h1> and can't.

    I've tried giving it a div but nothing I've tried so far works...

    All help I'm receiving is really useful and I appreciate it.

  2.  

  3. #2
    Senior Member Dorky's Avatar
    Join Date
    Jun 2009
    Location
    Destin Florida
    Posts
    1,430
    Member #
    19103
    Liked
    4 times
    you are correct. this is pretty basic. my suggestion is to google "h1 css" or "css font" and click on some stuff and start reading. although we love to help, we like to see effort on the part of the person getting the help.

    while($get_it !== true){ continue; }

  4. #3
    Member
    Join Date
    Jan 2011
    Location
    Edmonton, Alberta
    Posts
    82
    Member #
    26483
    Liked
    2 times
    <h1-6></h1-6> tags can be changed using css. In your CSS, you can select whichever h tag that you want by doing this:

    h1 {
    color: #000000;
    font-size: 12px;
    }

    Any h tag can be modified this way. Further, you can change h tags for specific divs. For example, if you want to change the h tag of a div called 'test', you would do this:

    #test h1 {
    color: #000000;
    font-size: 12px;
    }

    This will only modify the header tags in that div. The h tag can be h1 - h6. Each h tag is a different size, with h1 being the biggest and most important (SEO-wise) and h6 being the smallest and least important. Each can be modified in CSS the way I showed.
    Check out some of my work: http://www.jr-webdesigns.com

  5. #4
    Senior Member Harmonic's Avatar
    Join Date
    Jan 2011
    Location
    Toronto
    Posts
    291
    Member #
    26468
    Liked
    23 times
    and if you are making your H1, H2 etc links then

    h1 a{
    color: #000000;
    font-size: 12px;
    }

  6. #5
    Member surfbouy's Avatar
    Join Date
    Dec 2010
    Location
    Noosa, Sunshine Coast, Queensland, Australia
    Posts
    46
    Member #
    25747
    Liked
    3 times
    h1 styles

    Check that you haven't given it an inline style...
    You can also give your h1 style a class sometimes useful for different pages.
    h1 .homepage{color: #000000; font-size: 12px;}
    ETC ETC

  7. #6
    Unpaid WDF Intern TheGAME1264's Avatar
    Join Date
    Dec 2002
    Location
    Not from USA
    Posts
    14,483
    Member #
    425
    Liked
    2783 times
    Throw your page up on a server somewhere and let's see it. That way, we can see what it is that you've tried/are trying and can guide you further (we can also see if something else is interfering with what you're trying to do).
    If I've helped you out in any way, please pay it forward. My wife and I are walking for Autism Speaks. Please donate, and thanks.

    If someone helped you out, be sure to "Like" their post and/or help them in kind. The "Like" link is on the bottom right of each post, beside the "Share" link.

    My stuff (well, some of it): My bowling alley site | Canadian Postal Code Info (beta)

  8. #7
    Junior Member deanographics's Avatar
    Join Date
    Feb 2011
    Posts
    26
    Member #
    26637
    You can call out your h1 (or any h tag for that matter) like this

    h1 {
    stuff:stuff;
    }

    But generally h1 stays the size it is. If you want to shrink it a bit you can use h2 - h6, otherwise you might want to remove the h tags and just use

    font-size:;

  9. #8
    Member surfbouy's Avatar
    Join Date
    Dec 2010
    Location
    Noosa, Sunshine Coast, Queensland, Australia
    Posts
    46
    Member #
    25747
    Liked
    3 times
    Removing the h tag make the layout more pretty, but for SEO h tags are VIP.
    I also believe that semantically with html
    h1 for main heading
    h2 for sub headings
    and h3 for minor headings
    make it a class and get some SEO love on your page

  10. #9
    Senior Member Harmonic's Avatar
    Join Date
    Jan 2011
    Location
    Toronto
    Posts
    291
    Member #
    26468
    Liked
    23 times
    Removing the h tag make the layout more pretty, but for SEO h tags are VIP.
    I don't like ANYTHING in that line.
    You can style the H tags anyway you want with CSS, so using them should only improve your design, not hamper it.

    and VIP stands for Very Important Person

  11. #10
    Member surfbouy's Avatar
    Join Date
    Dec 2010
    Location
    Noosa, Sunshine Coast, Queensland, Australia
    Posts
    46
    Member #
    25747
    Liked
    3 times
    True, VIP, what was I thinking...
    Sorry, my comment about taking out the H tags to make them look pretty was in reference to Deonographics comment.
    I agree with you whole heartedly.


Page 1 of 2 1 2 LastLast

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 09:23 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com