how to make content wider

• 

  zord88 · Member · Sep 12, 2014 at 7:22 pm

  • Copy link
  • Add topic to favorites

  I am trying to make the content in my posts fill more of the white space either sides. Any suggestions please?

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

• 

  timethief · Member · Sep 12, 2014 at 7:28 pm

  • Copy link

  You cannot chnage the column width in any theme without purchasing any annually renewable custom design upgrade and doing the required CSS editing. See here for details on purchasing the annually renewable custom and CSS editing:
  Custom design – Frequently Asked Questions
  http://en.support.wordpress.com/custom-design/#frequently-asked-questions
  http://en.support.wordpress.com/custom-design/
  http://en.support.wordpress.com/custom-design/editing-css/
  http://en.support.wordpress.com/custom-design/custom-fonts/

  The primary feature of the Twenty Eleven theme is that there is no distracting sidebar display on any posts when titles are clicked and posts are displayed on their own pages and that cannot be changed via CSS editing.

• 

  thesacredpath · Member · Sep 12, 2014 at 8:45 pm

  • Copy link

  Hi @zord88, I see you have the WordPress.com Premium upgrade which includes Custom Design.

  The white space to the left and right of the content on your posts and pages is a left and right margin setting. You can add the following CSS at the bottom of your existing CSS and then adjust the left and right margins as desired.

  .singular #content, .left-sidebar.singular #content {
  margin-left: 7.6%;
  margin-right: 7.6%;
  }

• 

  thesacredpath · Member · Sep 12, 2014 at 8:52 pm

  • Copy link

  Sorry, let’s not use the above. Add the following instead and adjust the “width” as desired. You may have to make a draft post or page with more content and preview that to see the actual change since most of your pages have just single line paragraphs and such.

  .singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {
      margin: 0 auto;
      width: 68.9%;
  }

• 

  zord88 · Member · Sep 15, 2014 at 3:18 pm

  • Copy link

  Thanks that worked perfectly. Much appreciated! :-)