Column Width

  • Author
  • #1111290


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

    The blog I need help with is


    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.