WordPress.org

Support

Support » How-To and Troubleshooting » how to change sidebar width?

how to change sidebar width?

  • editortnm

    @editortnm

    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.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Jeremy Clark

    @jeremyclark13

    Member

    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.

    editortnm

    @editortnm

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

    MoonbatWingnut

    @moonbatwingnut

    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.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘how to change sidebar width?’ is closed to new replies.