WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. cascd88
    Member
    Posted 3 years ago #

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

  2. alchymyth
    The Sweeper & Moderator
    Posted 3 years ago #

    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 3 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. alchymyth
    The Sweeper & Moderator
    Posted 3 years ago #

    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 3 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