Just Ask Matt - Answers

Changing the Font & Style of Your H1 Tags

QUESTION: (Rhonda) I am having problems changing the font size of my H1text. Is this very important? If so, how do I go about changing it?

Changing the text and/or style of an H1 tag is simple in CSS.  It does not affect anything other than how the visitor sees it though (i.e., if you use a large font, it means nothing more than a smaller font, in SEO terms or how Google sees it).

You can change the H1 tag locally or in the CSS definition file.

If you want to change all of the H1 tag settings in your entire website, you would do this in the CSS file:

h1 {
font-size: 24px;
}

You would use the h1 tag as you normally would:
<h1>This is my H1 tag</h1>

You can define a class in the CSS file which allows you to define your new style whenever you wish anywhere on the site:

.h1style {
font-size: 24px;
}

You would add this class to your h1 tag, when you wish it:

<h1 class=”h1style”>This is my H1 Tag</h1>

* Remember to add the “.” when defining it in the CSS to classify it as a class.

Finally, you can do it locally using a style attribute (without the CSS file):

<h1 style=”font-size:24px;”>This is my H1 Tag</h1>

All of the above do the exact same thing.  Their use is based on how often you use the style and how you want it defined (whether globally or locally).

Also, remember you can add other styles to the same definition (like color):

<h1 style=”font-size:24px; color:red;”>This is my H1 Tag that is Red and 24px high</h1>

I find that being able to change the styles of my text for header and other standard tags to be quite invaluable!  Knowing a little bit of CSS can go a long way.  Give this a try!

The easiest thing to try first is the local definition using the style attribute. If this is working for you, consider creating or editing your own CSS file!

Good luck!  cheers…matt


Read Full Post >>
More Questions & Answers...
GOT A QUESTION?

Who is Behind Marketing Mind?

Matthew Bredel begin_of_the_skype_highlighting     end_of_the_skype_highlightingMy name is Matthew Bredel and as of March, 2007, I am a full-time, work-at-home internet marketer. For close to 10 years, I worked for a defense company which was an OK job, but I was so uninspired in life and frankly, I needed some more money. That is when I first discovered internet marketing! Now I admit that I didn't start making thousands in my first couple of months (in fact, I lost my shirt!), but I finally saw the "internet light"...

Read More about Matthew Bredel
GURU STUFF END -->

Share This Post...

You have something to sell or a message to spread and you want a website. What should you do? Should you pay a lot of money to hire someone to do it for you? Or, should you learn the art of web design yourself. There are pros and cons to both sides of the [...]

You have something to sell or a message to spread and you want a website. What should you do? Should you pay a lot of money to hire someone to do it for you? Or, should you learn the art of web design yourself. There are pros and cons to both sides of the fence.

The Do It Yourself Web Designer

If you do decide to learn building a website as a do it yourself project, you can save some money and gain some knowledge. Web design programs are out there that are boxed solutions that you can use to create your own brochure-ware type website or to even a robust online store. There are products that you can buy for cheap or on the higher end that can help you manage and create your website. You could even go with an open source platform like OS Commerce. Those with a bit of a technical aptitude might find the process interesting and fun.

The downside to this is that many of these web design software products either are too advanced for the novice user or are too simple and not advanced enough for the purpose you want it for. You could find that you are frustrated easily by the technical aspects of the software being above your comfort level or could find that the web design software doesn’t have all the bells and whistles that you were hoping for.

Don’t make the mistake of signing up for a free community website that’s hosted by someone else. The publishing on the website might be super simple but no one is going to take you seriously if you have a free website and are trying to promote a business on a professional level. A simple and hosted point and click website is ok for playing around but not for a professional business.

Hiring a Pro Web Designer

Hiring a web design company can be a great way to get a professional looking website and even your own online store. The downside here is that some of these sites charge a lot of money and when you’re a beginner web entrepreneur you might not have that kind of cash floating around. If you want professional results but don’t want to pay a fortune, you might choose to look for a freelancer. You can find them on webmaster forums and online bidding sites where you can create a service request and allow professional freelance web designers to bid on your business. This can be a great option as you can control the pricing and see a professional web designer’s portfolio of work before you use their services. Some website owners do part of their web design. You choose the web designer that’s in your price range and that provides the quality you want. A word of caution here is that you don’t want to go based on price alone otherwise you might be unhappy with your results.

*****

Dana Prince is a Canadian freelance writer who writes for clients on many topics and who also blogs about freelance writing, working at home, cooking and health.

Don't Buy Another Money Making Product Until You Watch These FREE Videos!

First Name:
Email:

14 Responses to “DIY Web Design, Good Or Bad Idea?”

  1. I don’t wish to be mean, but on an article about DIY web design it’s ironic that the page looks so bad in Firefox. The (very nice) embossed curved border that should be to the right is not aligned correctly and (on my pc at least) looks to be inset about an inch.


  2. I don’t see it! This page is a standard and common Wordpress Theme and I currently use Firefox as my default browser…matt

  3. Thanks for the comments, Er. I have FF as well and the page looks totally normal to me, too.

    Cheers,
    Dana

  4. e777,

  5. j777,

  6. f777,

  7. a777,

  8. d777,

  9. Extra.,

  10. Gallaryyy., and

  11. Ooops!, and

  12. K96MDx MSM-TECH - web development in Ukraine!

  13. Hope you have a wonderful day.

  14. Easily, the post is actually the freshest on this deserving topic. I harmonize with your conclusions and will eagerly look forward to your next updates. Saying thanks will not just be adequate, for the wonderful lucidity in your writing. I will instantly grab your rss feed to stay informed of any updates. Fabulous work and much success in your business enterprise!

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>