WordPress.org

Support

Support » How-To and Troubleshooting » How to reduce width of sidebar one

How to reduce width of sidebar one

Viewing 3 replies - 1 through 3 (of 3 total)
  • I changed #content width to 500px
    and adjusted #container background to 500px

    That worked for me, at least in firefox – or did you want something else?

    Ok, if you mean change these divs to 500px,

    #container {
    width: 100%;
    background: url(i/dots.gif) 500px 0 repeat-y;
    margin-bottom: 10px;
    }
    * html #container {height: 1%;}
    #container:after {
    content: ‘.’;
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    }
    #content {
    width: 490px;
    float: left;
    padding: 0 10px 20px 0;
    overflow: hidden;
    }

    it doesn’t work
    what happens is that the text overlaps the grey vertical line which separates sidebar 1 and 2. There has to be a 10px difference between content width and container background.

    Also, you only have one sidebar so it may work for you. Thanks.

    Regarding the sidebar content, there is no px shown, so i don’t think anything needs adding here.
    * html #sidebars {height: 1%;}
    #sidebars:after {
    content: ;
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    }

    Thanks.

    /* Content
    -----------------------------------------------------------------------------*/
    #container {
    	width: 100%;
    	background: url(i/dots.gif) 500px 0 repeat-y;
    	margin-bottom: 10px;
    }
    * html #container {height: 1%;}
    #container:after {
    	content: '.';
    	display: block;
    	clear: both;
    	visibility: hidden;
    	height: 0;
    }
    #content {
    	width: 490px;
    	float: left;
    	padding: 0 10px 20px 0;
    	overflow: hidden;
    }

    making those changes via firebug in Firefox works for me, no text overlap. Are you using a different browser?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to reduce width of sidebar one’ is closed to new replies.