How do I make the width of the "writing-area" more narrow?

• 

  beautytale · Member · Oct 8, 2011 at 11:25 pm

  • Copy link
  • Add topic to favorites

  Right now the area where my posts get posted is quite width. This means, that if I post pictures and want them to fit to the very left and right side of this area, the pictures will get quite large. What do I need to write in the CSS in order to make the post-area more narrow?
  To visualize my problem:

  I would like to go from this “post-area width”
  I————————————————————-I
  to this
  I——————————————I

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

• 

  timethief · Member · Oct 8, 2011 at 11:31 pm

  • Copy link

  This is the result of clicking your username:

  beatytale.wordpress.com is no longer available.
  The authors have deleted this blog.

  The Volunteer who helps with CSS editing will need and active link starting with http:// to the blog your are doing the CSS editing on. Will you please post it?

• 

  thesacredpath · Member · Oct 8, 2011 at 11:31 pm

  • Copy link

  The site linked to your username has been deleted. We nee a link to the site you are talking about since CSS is theme specific.

• 

  beautytale · Member · Oct 9, 2011 at 11:50 am

  • Copy link

  hi both, the right link is http://beautytale.wordpress.com, thanks

• 

  thesacredpath · Member · Oct 9, 2011 at 5:29 pm

  • Copy link

  Twenty Eleven is what is called a reactive design, which means there is a maximum width for the theme set in the CSS, and as you narrow the browser window down under that maximum width, the theme automatically gets narrower. That makes it quite easy in this case to narrow the maximum width. Add the following to your CSS edit window and decrease the 1100px value to the value you desire.

  #page {
  max-width: 1100px;
  }