Need help? Check out our Support site, then


Column Width

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

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

Topic Closed

This topic has been closed to new replies.

About this Topic