Reddle – Adding Image Frames

• 

  alwayswellwithin · Member · Mar 3, 2012 at 7:57 pm

  • Copy link
  • Add topic to favorites

  Hi,

  Is it possible to add an image frame to the photos in the Reddle theme like the one in Twenty-Eleven? There’s white space (padding) next to the photo itself (about an eight of an inch, I guess) and then a thin light [grey?] frame around that. Can you tell me the secret code? :) I’m using the one column format of Reddle.

  Example of image frames I like: http://kojikis.wordpress.com/2011/08/02/awa-odori/

  My blog is http://alwayswellwithin.com

  Thanks for your help. I appreciate it.

  Warm Regards,
  Sandra

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

• 

  1tess · Moderator Emeritus · Mar 3, 2012 at 8:39 pm

  • Copy link

  If you use the Visual Editor, add this to the advanced style:
  border: 1px solid #dddddd; padding: 6px;

  or if you use the HTML Editor, add this to the image code:
  style="border: 1px solid #dddddd; padding: 6px;"

• 

  1tess · Moderator Emeritus · Mar 3, 2012 at 8:43 pm

  • Copy link

  Oh, sorry, I just noticed this is in the CSS forum and I know hardly nothin’ but perhaps the info will help? Or another volunteer will come along…

• 

  alwayswellwithin · Member · Mar 3, 2012 at 9:56 pm

  • Copy link

  Thanks! Yes, I was looking for a CSS across the board solution. Thanks for trying.

• 

  designsimply · Member · Mar 6, 2012 at 3:25 pm

  • Copy link

  You can take use the exact same code from Twenty Eleven to add borders around images in Reddle. Give this a try:

  img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img {
  border: 1px solid #DDD;
  padding: 6px;
  }