Announcement

Collapse
No announcement yet.

Change Appearance of <h2> Heading Tags

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Change Appearance of <h2> Heading Tags

    Hi there

    Does anyone know how I can change the appearance of the <h1> & <h2> tags?

    Rather than use the [page-header] tag for categories and products, for SEO purposes I want to use the <h1> or <h2> tags, however I don't know how to change the font color/size etc for these to fit with the rest of my site.

    Any help would be greatly appreciated.

    Thanks
    Phil
    Golf Tees Etc
    www.golfteesetc.com

  • #2
    you can use the same styling from page-header in the h1 & h2 tags if you want.

    you'd just have to set the css sheet up to do so.

    Comment


    • #3
      You can use font declarations with the tags just like any other text. You just can't change the size of the text. The H tag controls the size.
      David
      David's Gifts and Things

      Wholesale Gifts, Home Decorating, Jewelry and More

      Quality, Selection, Value Always

      The more you buy the more you save!

      Comment


      • #4
        you can change the size if you declare it in the css sheet....

        Comment


        • #5
          <h2><font
          color=#006fdd>Welcome to David's Gifts and Things!</h2>
          <h3>Wholesale Gifts, Home Decorating, Jewelry and More</h3>
          <h3>Quality, Selection, Value Always</h3><h3></font>
          <strong>The more you buy the more you save!</strong></H3>
          <font
          color=#ff0000><h3></h3></font>
          David
          David's Gifts and Things

          Wholesale Gifts, Home Decorating, Jewelry and More

          Quality, Selection, Value Always

          The more you buy the more you save!

          Comment


          • #6
            Thanks for the prompt replies.

            So something like this will work fine (it looks OK on screen)

            <td><h2><font color="#629e00">[categoryname]</font></h2></td>

            Thanks
            Phil
            Golf Tees Etc
            www.golfteesetc.com

            Comment


            • #7
              The Better Way

              Declare your styles in your css. You can do it like this:

              h1, .h1 {
              font-size:20px;
              color:#000;
              }
              h2, .h2 {
              font-size:18px;
              color:#900;
              }

              Make each heading tag progressive declaration size smaller. Headings go from h1 - h6, with h1 being the largest. You can only have ONE h1. Choose carefully. Most designate your logo as h1, being sure alt text is in place. The color choice is not as important. Inline styles should be avoided. Without the declaration the sizes are determined based on your site main (body) font-size declaration and will be in proportion to that size.

              Comment


              • #8
                you can use multiple h1 tags but it would hurt your SEO to do so.

                setting up a CSS rule will save you a lot of pain in the long run, you won't have to set colors on each individual h2 tag (or if you decide to change it later you wont have to replace EVERY color

                Comment


                • #9
                  Tidy Up for InsnWizard

                  Add this in your stylesheet in the fonts section:

                  h2, .h2 {color:#006fdd;}
                  h3, .h3 {color:#039;}
                  h4, .h4 {color:#900;}

                  Change your home page code to:

                  <div align="center">
                  <h2>Welcome to David's Gifts and Things!</h2>
                  <h3>Wholesale Gifts, Home Decorating, Jewelry and More</h3>
                  <h4>Quality, Selection, Value Always - The more you buy the more you save!</h4>
                  </div>

                  Much less code - easier to find things later...

                  Comment


                  • #10
                    Thanks everyone. I'll look at implementing it properly using the css method.

                    Phil
                    Golf Tees Etc
                    www.golfteesetc.com

                    Comment

                    Working...
                    X