Column Width

• 

  mdparker46 · Member · Jan 1, 2013 at 7:50 pm

  • Copy link
  • Add topic to favorites

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

  The blog I need help with is: (visible only to logged in users)

• 

  designsimply · Member · Jan 2, 2013 at 5:59 pm

  • Copy link

  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.