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...

For those who frequent my blog may have noticed a big change! I wrote about this a few months ago in Finding the Best Wordpress Theme. At that time, I was getting discouraged about finding a free one but after a bit of searching, I found one that I liked (this one!).
The theme [...]

For those who frequent my blog may have noticed a big change! I wrote about this a few months ago in Finding the Best Wordpress Theme. At that time, I was getting discouraged about finding a free one but after a bit of searching, I found one that I liked (this one!).

The theme comes from BloggingPro and it is, in fact, a derivative of their own blog. If you like the look of this (and their) blog, you can download their theme for free at BloggingPro. Be sure to download the Widgets-Ready version…it will make your life much easier!

BloggingPro Widgets-Ready Theme

So why did I choose this theme? Here are a few of the main reasons why I chose it (and a good checklist of things for you to look for, too!)

1) Look for a theme that is aesthetically pleasing to yourself (including the color scheme)

2) Look for a theme that is either topically relevant or neutral to your niche. For me, I chose a neutral theme. A clever website that incorporates cartoon into the theme (for this case, his name) can be seen at JohnCow.com. Yes, the theme is about money making, but they were able to make it fun and incorporate the name into the theme. Being clever is good, but don’t try to force the issue, especially with a free Wordpress theme!

3) I like sections! Sections are easier to read, easier to find things and are more welcoming. I purposely added my own more defined sections to the sidebars specifically for this reason. (I put my most important features within bubbles!)

4) I like the ability to have a large, customizable header at the top. This is a prominent position on the page to highlight your most important goal (that can be a ad, a banner, a subscription request, etc.). In this case, I chose to highlight my current Facebook Page. This adds a psuedo-Feature element to your page. Why waste the most prominent part of your page with just your blog? Your visitor already knows your post is here!

5) More focus on the subscription button! Yes, this is one big button I have on the right! I also put it in an enclosed section with options for both RSS feeds and email subscriptions. Blogs survive and grow primarily due to their subscription base. It should be one of the most prominent calls to action on your Wordpress blog!

(If you have not subscribed to my blog yet, you can do very easily right now on the right side of the page…hint!, hint!)

6) A “sprinkle” of Adsense! I still want to make money on the page and one of the best ways of doing this is to incorporate advertising. I use a well-integrated link ad below my Facebook banner to appear like site links (by following the same color scheme of the page). Again, I do NOT want this too look like an Adsense site, but I can incorporate it with a subtle, but effective feel.

7) Affiliate links or advertising banners. Why not? This is my field. These are my recommendations. Again, the placement and call-to-action are very subtle and not prominent. Still, this provides another potential stream of revenue and placing these links in the sidebar is quite a common practice and most viewers will not perceive it as too much of a sales pitch. Once your viewership becomes high enough, you may consider replacing these affiliate banners with paid banner advertising.

I am excited about the new theme and I have plenty of more plans to improve it!

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

First Name:
Email:

6 Responses to “Extreme Wordpress Blog Make-Over”

  1. Awesome ariticle… You really are adding value to the online community… Gregory Drake

  2. Thank you for your comment. I read your Blog nearly every day.

  3. Great Post! Thanks for letting me comment.

  4. Unique Blog Designs does excellent work. This is a nice theme for free but could use more visual impact.

  5. I tend to agree. Sometimes when we are into our own program so much, we forget that there are others out there that also work! So Be blessed… and realize we really are all here for the same reasons. To make some great money!!!

  6. You raise a very interesting point. I hadn’t looked at it that way before. Fantastic post!

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>