Make my blog header fit! (PLEASE!)

2008 July 3


Does this header make my butt look too big?

Some people think I’m rude. I prefer ‘forward’. But oh well.
This online stuff just seems to make it oh so easy to barge right in and ask:

“Can I fix that for you?”

Twice now, I’ve been happily reading along on my rainbow blog tour, and seen a blog header that was hanging out over it’s wrapper. And I just asked. Didn’t even know the good sisters.

“Can I show you how to make your blog header wrapper wider”?

And it turns out. They both said yes. And they even still seem to be my friends. Despite my rudeness forwardness.

I helped Ms. SassyPants fit back into her Sassy Pants. See this header below? Today it fits.



And for my little now you see it-now you don’t. Check this blog. I’m going to teach Kaye how to get that header back in line! Ready? Let’s cheer her on…

If you have a standard blogger template then let’s get started.

Goto layout—HTML.

Highlight all of the code in the box and save it in an email page or something. (in case we totally screw it up) We won’t. But still. Because you will never hit save unless you have hit preview and it worked…right?? Right???
We are going to make 3 changes. The outer wrapper (the whole thing). The main wrapper (where your posts are), and then your header wrapper. Can you do it? Yes you can! After each change check the preview. Then wait to save the whole thing at the end. Here we go…..

Hit control F. Then in the little find box at the bottom of your screen you will search for:

#outer-wrapper {
width: 660px;

You will change the 660 number to 850.

Then you will search for:

#main-wrapper {
width: 410px;

Change 410 to 600 (this will give you a bigger posting space. And don’t we all need a little more room to maneuver? It’s just a phrase.)

Then you will search for

#header-wrapper {
width:660px;

This is tricky. I think you can change the header size to 840 and be just perfect? Might have to hit preview a few times and see if it fits? If it’s still too wide, you will go back and change the #outer-wrapper width to bigger than 850. Or if it all seems too wide you can bring the numbers down in 50 pixel increments, and then even tweak them by 10 pixel increments?

My blog’s outer wrapper is 950. And my header is 850 for comparison.


Also, please see Miss PrincessandthePeas. (I helped ‘pink’ up her header).

Any questions? You know what to do.

Share Button
No Responses
  1. ButlerFamily permalink
    July 3, 2008

    Carrissa is the bomb!

  2. Beth permalink
    July 3, 2008

    Hey, I never take offense. Let me know if there is ever anything really annoying about my blog :)And yes, I know I’m a horrible speller already, I’m not sure I can fix that.

Comments are closed.

WordPress SEO fine-tune by Meta SEO Pack from Poradnik Webmastera