Wednesday, August 27, 2008

Playing with Widths

Once again assuming that you have the Minima Template (though this one will work for any template):

You may wish to increase (or decrease) the widths of your header, your main post area of your side bar. Here is how to do it:

1. Back up back up back up your template by clicking Layout > Edit HTML > Download Full Template

2. Find

#header-wrapper {

Change the number (in red) to whatever width you want, experiment and play with it until you get it exactly how you want it! This (not surprizingly controls the width of the header)

3. Find

#outer-wrapper {
width: 1120px;

This is going to control the width of the entire page: The width of the main posts column + the width of the side bar(s)... typically this should be the same as the header width (unless you are planning to do something really funky with the header :))

4. Find

#main-wrapper {
width: 600px;

This controls the width of your main post area

5. Find

#sidebar-wrapper {
width: 400px;

This (obviously) controls the width of your side bar

Again see to it that width of main-wrapper + width of sidebar-wrapper is almost equal to width of outer-wrapper (in my blog i have left a 20 px gap, so they are a bit seperate, you need not and can make it exactly equal)

You can play about with these numbers until you have the widths of your blog exactly the way you want them!

If you have more than one side bar, find #sidebar2-wrapper { to modify the next one... note that the second or more sidebar could be named differently in different templates... so just searching for sidebar and pressing next would work best

Jai Gurudeva!

ps to search (or find) press cmd + F on a Mac or cntrl+ F on a PC (umm... why are you still using a PC anyways? :))

pps btw, a much easier way to add RSS to your blog is to simply add it as a gadget from the Layout > Page Elements > Add a gadget


  1. Dear bawa,

    Inspired by u I started my own blog

    No not after this TRM's talk on blogging, actually well before that.

    Please take a took and suggest where i can improve.


  2. nice to see a new post in this blog. long break though.just when i was wondering if this blog was dead or just sleeping...

  3. Nice post. So simple way of doing things. Please continue.