Remove background from captioned images in Twenty Eleven

• 

  theopensuitcase · Member · May 25, 2012 at 10:37 am

  • Copy link
  • Add topic to favorites

  I’d like to have the option of not having the polaroid type frame on captioned images in posts in Twenty Eleven. Can they be removed?

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

• 

  thesacredpath · Member · May 25, 2012 at 11:33 am

  • Copy link

  You will have to do it on an image by image basis then in the post editor in the HTML tab. You will add this

  background: none;

  to the opening div for the captioned image so that it looks similar to this

  <div class="wp-caption alignright" style="width: 250px; background: none;">

• 

  theopensuitcase · Member · May 25, 2012 at 11:48 am

  • Copy link

  You are always so quick to respond – thank you so very much!

• 

  thesacredpath · Member · May 25, 2012 at 11:53 am

  • Copy link

  You are welcome.

• 

  theopensuitcase · Member · May 25, 2012 at 10:42 pm

  • Copy link

  [caption id="" align="alignright" width="240"]<img src=”http://farm8.staticflickr.com/7218/7236197272_c00097bf22_m.jpg” alt=”Union Station Timetable” width=”240″ height=”180″ /> Every departure’s on time?
  A traveler’s dream.
  And highly unlikely.[/caption]
  This is the coding for the photo and caption in my post’s html. i don’t see code like you mention?

• 

  thesacredpath · Member · May 25, 2012 at 11:24 pm

  • Copy link

  Sorry, I fogot the caption stuff looks different in the editor than it does in the source code. Make the opening caption bit look like this:

  [caption id="" style="background: none;" align="alignright" width="240"]

• 

  theopensuitcase · Member · May 26, 2012 at 3:55 pm

  • Copy link

  Still won’t work :(

• 

  thesacredpath · Member · May 26, 2012 at 6:49 pm

  • Copy link

  Something has changed with 2010 I think. I’ve used this before to get rid of backgrounds on captions. I can do it on all captioned images via CSS. If you want to do that, then add this to your custom CSS.

  .wp-caption {
  background:  none;
  }