Overall width larger so images are bigger

• 

  andrewmilnephotography · Member · May 21, 2012 at 5:29 pm

  • Copy link
  • Add topic to favorites

  Hello All,

  Just wondering what in need to insert into the custom design CSS window in order to make the overall width of the content larger so that my images are bigger.

  Thanks for any help!

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

• 

  designsimply · Member · May 22, 2012 at 1:58 pm

  • Copy link

  This will depend on the theme you’re using. I checked http://andrewmilnephotography.wordpress.com/ and I see you’re using the one column layout of the Twenty Eleven theme which is an option on the Appearance → Theme Options page.

  To make the one-column layout wider in the Twenty Eleven theme, add this to your Appearance → Custom Design → CSS:

  .one-column #page {
  	max-width: 960px;
  }

  Note that some images on single posts will probably stay at the size you originally inserted them. To fix that after making a structural change to your theme, you should adjust the size settings in the limit width option on the Appearance → Custom Design → CSS page as well as the image sizes on the Settings → Media page. Those settings will affect what size image will attempt to be used depending on what size you pick when the image is inserted. Once your settings are updated, then you can remove and re-insert images from your media library and they’ll be placed with your new image settings.

• 

  andrewmilnephotography · Member · May 22, 2012 at 8:38 pm

  • Copy link

  Design simply …. brilliant! .. thank you so much!

• 

  designsimply · Member · May 22, 2012 at 8:39 pm

  • Copy link

  Cheers :)