Reduce magins on Twenty Eleven

• 

  bodillabrun · Member · Mar 19, 2012 at 4:12 pm

  • Copy link
  • Add topic to favorites

  Hi! I would like to reduce the margins/expand the width of the posts on my blog – without moving the date on the upper left side. Could anyone help me? Thanks :-)

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

• 

  designsimply · Member · Mar 28, 2012 at 3:27 pm

  • Copy link

  In the Twenty Eleven theme, the width is set using percentages. By default, the left and right margin surrounding the main content area and sidebar is set to 7.6%. You can reduce that margin to 3.6% and expand the width of the content area for posts with this CSS:

  #content {
  margin-left: 3.6%;
  width: 66.4%;
  }
  
  #secondary {
  margin-right: 3.6%;
  }

  Adjust the numbers to your liking.

• 

  bodillabrun · Member · Apr 1, 2012 at 3:18 pm

  • Copy link

  Hi, designsimply! I was thinking of this site http://himmelveis.com/2012/01/17/hello-world/ (sorry I don’t know the spesific term), not the home page. I would like to keep the date fixed on the upper left side. I guess the solution is similar, but can’t figure it out…

• 

  designsimply · Member · Apr 3, 2012 at 12:40 am

  • Copy link

  Thanks for including a link. :)

  Try this:

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

• 

  bodillabrun · Member · Apr 3, 2012 at 12:21 pm

  • Copy link

  Wonderful! That worked perfectly. Thanks a lot :-D

• 

  designsimply · Member · Apr 4, 2012 at 8:24 pm

  • Copy link

  Yay! Cheers :)