I would like to change the width of the main content section of my blog.

• 

  denatb · Member · Jun 2, 2013 at 12:15 am

  • Copy link
  • Add topic to favorites

  Customize width of main body of blog in Elemin. Right now the main section of my blog is about two third of the overall width of the side, sidebar one third. I would like to change that to about sidebar one quarter, main section (Post, pages, media) to about three quarters. How do I do that?. I am guessing it is within the CSS section, but don’t know how to do it there…Your help wil be greatly appreciated.

• 

  thesacredpath · Member · Jun 3, 2013 at 5:15 am

  • Copy link

  To change the widths on the main content column and sidebar, paste the following into the CSS edit window at appearance > custom design > edit CSS and adjust the widths as desired. If you decrease the #secondary (sidebar) by 60px, you increase the body.content… (main post/page content) width by the same amount.

  body.content-sidebar .one-col-posts #primary, body.sidebar-content .one-col-posts #primary {
  width: 672px;
  }
  
  #secondary {
  width: 260px;
  }

  Let us know if you have any questions or problems.

• 

  denatb · Member · Jun 4, 2013 at 8:49 pm

  • Copy link

  Hi.

  Thank you for helping me with this. Before I enter the CSS code, I just want to clarify something:

  Are the numbers listed above (672px and 260px) the current widths of the main column and sidebars, eg. the default on Elemin theme? So, to make the changes I want I could, for example change the 672px to 700px and the 260px to 232px ?

  Also, can you clarify for me what the section that is listed as Preprocessor with the scroll down menu options of NONE, Less, SASS….

  I am assuming I don’t need to do anything with this to make the changes I’d like to make….

  I appreciate your help and look forward to hearing from you.

• 

  thesacredpath · Member · Jun 4, 2013 at 9:08 pm

  • Copy link

  Yes, the numbers I gave are the original widths, and yes you have it correct.

  The Preprocessor is an advanced feature that is described briefly in the Custom Design support document under Editing Options. Probably nothing you need to worry about now.