WordPress.org

Ready to get started?Download WordPress

Forums

how to change sidebar width? (4 posts)

  1. editortnm
    Member
    Posted 5 years ago #

    I'm using the default theme, and I would like to narrow the sidebar a little. Think I can work out how to do it? Nope ;)

    I think it might be to do with this section from the CSS:

    .narrowcolumn {
    	float: left;
    	padding: 0 0 20px 45px;
    	margin: 0px 0 0;
    	width: 450px;
    	}
    
    .widecolumn {
    	padding: 10px 0 20px 0;
    	margin: 5px 0 0 150px;
    	width: 450px;
    	}

    but changing the numbers seem to make no difference. And why do they have the same width value above???

    Thx.

  2. Jeremy Clark
    Moderator
    Posted 5 years ago #

    You'll need to look for the #sidebar section. It will look something like this

    #sidebar
    {
    	padding: 20px 0 10px 0;
    	margin-left: 545px;
    	width: 190px;
    	}

    Adjust the width there and also in the sections you've already found.

  3. editortnm
    Member
    Posted 5 years ago #

    That's great - it worked. Thanks!

    How do I get the text in the main column to now go all the way over to fill the now wider column? The text must be set to not go over a certain line length but I cannot locate it. :(

  4. MoonbatWingnut
    Member
    Posted 5 years ago #

    If you are using Firefox there is an add-on called Firebug that will show you how a page is constructed. You can use it on your own page to see what sections are affected by which part of the CSS.

Topic Closed

This topic has been closed to new replies.

About this Topic