WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Increase Sidebar Width and Decrease Content Width? (5 posts)

  1. cascd88
    Member
    Posted 4 years ago #

    Wish someone can help me!!
    currently im using twenty ten themes....
    thanks all!

  2. 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.

  3. cascd88
    Member
    Posted 4 years ago #

    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.

  4. 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)

  5. cascd88
    Member
    Posted 4 years ago #

    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!=)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags