Viewing 4 replies - 1 through 4 (of 4 total)
  • it might get done by changing these three styles in style.css of twentyten:

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

    just increase any of the numbers over 200 by the same amount.

    Thread Starter cascd88

    (@cascd88)

    thank you alchymyth.
    i still not get it. It just increase the whole main contain.
    besides the sidebar going down.
    anyway, thank so much for help.

    just increase any of the numbers over 200 by the same amount.

    not very mathematically expressed by me –
    what i meant was – for instance you want to increase the width of the sidebar by 50px – then these styles should look like:

    #container {
    	float: left;
    	margin: 0 -290px 0 0;
    	width: 100%;
    }
    #content {
    	margin: 0 330px 0 20px;
    }
    #primary,
    #secondary {
    	float: right;
    	overflow: hidden;
    	width: 270px;
    }

    get the idea?

    what are your numbers?
    can you post these three styles?

    (when you post a link to your site, someone could check your css, and have a suggestion; also post a desired width for the sidebar)

    Thread Starter cascd88

    (@cascd88)

    i think i found it.

    i just make setting based on the following code:

    #container { float: left; margin: 0 0px 4px 0; width: 628px; }
    #content {width: 590px; overflow:hidden; margin:0 0px 10px 0px;
         padding: 5px 0px 0px 20px;}
    #primary, #secondary { float: right; overflow: hidden; width: 300px;
         margin: 0 0 4px 0;}
    #ttw-top-widget, #ttw-bot-widget {width: 520px;}
    .one-column #content { margin: 0 0 0 80px; padding: 0; width: 800px;}

    again, thank for you help alchymyth!=)

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Increase Sidebar Width and Decrease Content Width?’ is closed to new replies.