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.

Print Friendly

About Dave Smith

Did you know that with Twenty Ten if you fill in the User Biographical info field it will put an author window at the end of each post. Be sure to get your gravatar for all authors on your site. And fill out the Bio field in the profile. Connect with Dave on Google+
This entry was posted in TwentyTen and tagged . Bookmark the permalink.

3 Responses to Twenty Ten Left Sidebar

  1. Thank you for the explanation but it does not hold my sidebar? did I miss something or??
    Breastfeeding Mom recently posted..Why breasfeeding is important

  2. Dave Smith says:

    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!

Leave a Reply

Your email address will not be published. Required fields are marked *

*

* Copy this password:

* Type or paste password here:

18,372 Spam Comments Blocked so far by Spam Free Wordpress

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

CommentLuv badge