Removing space below image caption

• 

  kidzuidustin · Member · Aug 30, 2011 at 6:51 pm

  • Copy link
  • Add topic to favorites

  Hey all,

  Our blog uses the Twenty Ten theme with some minor CSS customization. I’ve been tooling around with the appearance of the site over the past couple of days, and have gotten stuck on one minor detail.

  If you visit our blog (blog.kidzui.com), you’ll notice that small and medium-sized images have a space below the caption. I’ve tracked the space down to the following element on line 76 of style.css:

  #content ul: margin-bottom: 24px;

  Zeroing out that element using Chrome’s developer tools eliminates the space that I’m trying to get rid of. Try as I might, though, I’ve been unable to override that element using our custom CSS. Any suggestions?

  Thanks!

  Dustin

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

• 

  thesacredpath · Member · Aug 30, 2011 at 7:06 pm

  • Copy link

  Give this a try and adjust the 10px value as you desire.

  .wp-caption p.wp-caption-text {
  margin-bottom: 10px !important;
  }

• 

  kidzuidustin · Member · Aug 30, 2011 at 7:43 pm

  • Copy link

  That did it. I’m a little embarrassed that I missed that. :)

  Thanks!

• 

  thesacredpath · Member · Aug 30, 2011 at 7:58 pm

  • Copy link

  You are welcome, and don’t be embarrassed. We all have those times.