Photo Margins with Oulipo Theme

• 

  janaemonir · Member · Feb 2, 2011 at 8:38 pm

  • Copy link
  • Add topic to favorites

  Hello!

  My site is: http://janaemonir.wordpress.com/

  I recently switched over to the new Oulipo Theme, which I love. However, I am having some problems with photo formatting. Photos that I arrange to be side-by-side (by adjusting the size via aspect ratio) will no longer fit because I’m assuming there is a code in the CSS that gives each photo margins. I would like to remove the margins so that the pictures will fit right next to and on top of each. If you visit my site you will see that the smaller photos are messed up/awkward.

  Any help as to which CSS code I should modify for this theme in regard to photo margins would be greatly appreciated.

  Thank you!
  Janae

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

• 

  thesacredpath · Member · Feb 2, 2011 at 9:39 pm

  • Copy link

  The main issue is that the theme you are now using has far less width available in the posting area.

  First option: images you want side-by-side have to be 240px maximum in width. This puts the images directly against each other, which typically isn’t a good thing as it makes them look like one image. Better to set the image size at 235px each and then on the left image, add 5px of right padding to give a little separation.

  Second option: Widen the content area so that it works with the image sizes you are using now (264px). The padding-left I’ve added to #main-nav is to fix an issue with the theme that when your browser window is narrower than the theme wrapper, the left edge of the blog title and the navigation gets cut off in some browsers.

  #wrapper {width:64em; }
  
  #main-nav {padding-left:10px; }
  
  #content {width:54em; }
  
  #entry-content {width:34em; }

• 

  thesacredpath · Member · Feb 2, 2011 at 9:45 pm

  • Copy link

  If you add the following in addition to the above, it will put 5px of space between image on a horizontal row.

  .entry img {padding-right:5px; }

• 

  janaemonir · Member · Feb 3, 2011 at 12:14 am

  • Copy link

  Thank you! The first option worked, and I will give the second a try. Much appreciated!!

• 

  thesacredpath · Member · Feb 3, 2011 at 2:07 am

  • Copy link

  You are welcome.