Column Width

  • Author
    Posts
  • #1111290

    mdparker46
    Member

    Generic: How to change column widths in css, especially context area (sidebar is sufficient). Specific: Elemin theme.

    The blog I need help with is mdparker46.com.

    #1111562

    Add this to your Appearance → Custom Design → CSS editor:

    #page {
    	width: 1190px;
    }
    
    #branding hgroup {
    	max-width: 1190px;
    }
    
    body.content-sidebar .one-col-posts #primary,
    body.sidebar-content .one-col-posts #primary,
    .page-content {
    	width: 872px;
    }
    
    #access {
    	width: 100%;
    }
    
    #access-footer {
    	width: 100%;
    }

    Go to the Appearance → Custom Design → CSS page, find the “Content Width” setting at the top right of the page, and change it to 750.

    Note that you can adjust the numbers as necessary. If you change the settings in the CSS, make sure to also adjust the “post-content” value. You can find the value using browser tools or by just increasing or decreasing that number the same amount compared to the 872px number in the example above.

The topic ‘Column Width’ is closed to new replies.