Resize the sidebar

  • rapunzel

    (@rapunzel)


    9 months, 3 weeks ago

    I’m trying to resize the sidebar, but whenever I do and it drops down underneath the main content area. How do I get it so the sidebar is somewhat bigger than it currently is without this happening? I’m editing the actual style.css in theme editor; not using the customize option.

    Here’s a snippet of the css I’m using to try and fix the sidebar width but it doesn’t seem to work. I’ve highlighted my changes in bold. Originally, it was:

    width: 220px;
    /* =Layout
    -------------------------------------------------------------- */

    /*
    LAYOUT: Two columns
    DESCRIPTION: Two-column fixed layout with one sidebar right of content
    */

    #container {
    	float: left;
    	margin: 0 -240px 0 0;
    	width: 100%;
    }
    #content {
    	margin: 0 280px 0 20px;
    }
    #primary,
    #secondary {
    	float: right;
    	overflow: hidden;
    	width: 300px;
    }
    #secondary {
    	clear: right;
    }
    #footer {
    	clear: both;
    	width: 100%;
    }

    Like I said when I change the width of the sidebar it drops down under the main content area and/or creates a large space pushing it down the page. If someone could figure this out I’d really appreciate it.

Viewing 1 replies (of 1 total)
  • Moderator threadi

    (@threadi)

    9 months, 2 weeks ago

    Unfortunately, this is a little more complicated with this theme. You need to adjust the following 3 values in the CSS: 

    #container {
    	margin-right: -300px;
    }
    #content {
    	margin-right: 320px;
    }

    #primary, #secondary { width: 300px; }

    Note that you should set a slightly higher value for #content, as this determines the distance between the sidebar and the content.

Viewing 1 replies (of 1 total)

The topic ‘Resize the sidebar’ is closed to new replies.