Support » Themes and Templates » Twentyten: How to switch right sidebar to left?

Viewing 8 replies - 1 through 8 (of 8 total)
  • Michael

    (@alchymyth)

    Forum Moderator

    if this is meant for all pages, try to change the respective styles to:

    #primary, #secondary {
    float:left;
    clear:left;
    margin-left: 10px;
    }
    #container {
    float:right;margin-right:-260px;
    }

    or add these styles above at the end of style.css.

    Now sidebar is under content 🙂
    Maybe content should also be shifted.

    Michael

    (@alchymyth)

    Forum Moderator

    you may have other modifications that are interfering;

    link to your site?

    it’s on denwer

    Piece of default style.css code:

    #container {
    float: left;
    margin: 0 -240px 0 0;
    width: 100%;
    }
    #content {
    margin: 0 280px 0 20px;
    }
    #primary,
    #secondary {
    float: right;
    overflow: hidden;
    width: 220px;
    }
    #secondary {
    clear: right;
    }
    #footer {
    clear: both;
    width: 100%;
    }

    Michael

    (@alchymyth)

    Forum Moderator

    the default styles are the same in my TwentyTen 1.1 style.css;

    all i can say that the suggested change to the styles works in my version of the theme (online test-installation, unchanged theme);

    i am more than happy to look into your site and to try to find out what is dropping your sidebar; however, i can only do this if your site is live and if you post a link to your site where the problem can be seen.

    Oh… I made it)) Thanks a lot, I’m a fool 😀

    If anyone else experiencing issues when moving the sidebar to the left (like the example above, where the sidebar moves below all content) here is a fix:

    Look for this code in style.css:

    #container {
    	float: left;
    	margin: 0 -240px 0 0;
    	width: 100%;
    }
    #content {
    	margin: 0 280px 0 20px;
    }
    #primary,
    #secondary {
    	float: right;
    	overflow: hidden;
    	width: 220px;
    }

    and replace it with the following:

    #container {
    	float:right;
    	margin-right:-260px;
            width: 100%;
    }
    
    #content {
    	margin: 0 280px 0 20px;
    }
    
    #primary, #secondary {
    float:left;
    clear:left;
    margin-left: 10px;
    }

    What causes the sidebar to fix itself and align left instead of below all content is leaving this line as a container style:

    width: 100%;

    Hope that helps.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Twentyten: How to switch right sidebar to left?’ is closed to new replies.