Twenty Ten Left Sidebar

Twenty Ten the Lefty

You want the sidebar on the left?  But it comes on the right.  There’s no option to set it left or right.  But as with most things Twenty Ten it is very simple to put the sidebar on the left.

First:

#primary,
#secondary {
font-size: 16px;
float: right;    (Change this to left)
overflow: hidden;
width: 240px;
}
#secondary {
clear: right;  (Change this to left)
}

Second:

#container {

float: left;  (Change this to right)

margin: 0 -240px 0 0;

width: 100%;

}

Now the sidebar is on the left instead of the right.

Comments

  1. Thank you for the explanation but it does not hold my sidebar? did I miss something or??

  2. You seem to have missed all of it. None of the changes to the css in the post were made on your site. If you made changes to the css. I’m going to guess it was the css for the visual editor and not the css for the theme. There is a difference and Twenty Ten opens the visual editor css first. (Strange behavior we are all used to the style.css being the one opened.)

    I tested your site suing Firebug and if you make the changes in this post it will put the sidebar on the left.

    Dave

  3. Thanks, I have found half the info I needed on your blog and the other half I have found with Google.

    Can’t wait to try it!

  4. John in Boston says

    Thanks, Dave … this help you gave made a potentially hours-long project into a 5 minute one! I also appreciate your information about how the ‘author’ box could work, great no-nonsense advice!

  5. Thankyou for your great explanation! it worked !