Make content area wider in Twenty Eleven

• 

  ammasarati · Member · Dec 23, 2014 at 10:21 am

  • Copy link
  • Add topic to favorites

  Hi,
  Is there a CSS that will make the content area wider and the sidebar narrower? To change the proportions so the text can go wider than it is now?
  And if i go with ‘one column and no sidebar’ is it possible to make the whole area wider? When i test this layout now the ‘one column’ is very narrow and there is a lot of background visible.
  Thanks,
  Arati

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

• 

  thesacredpath · Member · Dec 23, 2014 at 5:27 pm

  • Copy link

  Hi there, I see a #secondary and #content rule in your custom CSS, and those are where you would make the change. To make the sidebar narrower, you could do something like this:

  #secondary {
      float: right;
      margin-right: 1.6%;
      width: 20.8%;
  }
  #content {
      margin: 0 26.4% 0 3.6%;
      width: 70%;
  }

  For pages with no sidebar, you can adjust the width of the content area with this CSS:

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