WordPress.org

Support

Support » How-To and Troubleshooting » Extra space in captioned image

Extra space in captioned image

  • Site: http://www.jrothraministries.com

    On the right side of the captioned images there is too much space. You can see an example on my latest post. I can’t figure out where it is in the CSS, but here’s the section regarding images:

    /* WordPress Images and Captions */
    #content .post p.wp-caption-text { text-align: center; font-size: 0.8em; line-height: 135%; margin: 0px; padding: 3px 0px; }
    #content img.alignnone { margin: 0px 10px 10px 0px; padding: 5px; border: 1px #aaa solid; }
    #content .post div.alignleft, #content .post img.alignleft { float: left; margin: 0px 10px 10px 0px; padding: 5px; border: 1px #aaa solid; background-color: #f3f3f3; }
    #content .post div.aligncenter, #content .post img.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; padding: 5px; border: 1px #aaa solid; clear: both; background-color: #f3f3f3; }
    #content .post div.alignright, #content .post img.alignright { float: right; margin: 0px 0px 10px 10px; padding: 5px; border: 1px #aaa solid;background-color: #f3f3f3;  }
    #content img.featured-image { float: left; padding: 5px; border: 1px solid #aaa; margin: 0px 10px 10px 0px; }
    #content img.thumbnail-image { float: right; padding: 5px; border: 1px solid #aaa; margin: 0px 0px 7px 7px; }
Viewing 3 replies - 1 through 3 (of 3 total)
  • Michael
    Forum Moderator

    @alchymyth

    try and add this to style.css:

    #content .post .wp-caption { text-align:center;}

    alchymyth,
    That evened out the left and right. 🙂 Thank you. Now I’m just curious what would make the left/right even in space with the top/bottom.

    Michael
    Forum Moderator

    @alchymyth

    something like this:
    #content .post .wp-caption img {margin:5px 0;}

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Extra space in captioned image’ is closed to new replies.