[SOLVED] Extra space next to images when caption text is centered

Koukla · #1 Dec 28, 2013, 11:55 AM

My website is http://carolynapappas.com/

I am having a problem where it is adding extra space to the left of an image when the image caption text is centered. If I align caption text to the right, it also gets screwed up. This only seems to be apparent when the image is small, as in the second image on the page. When I align the caption text to the left, the white space goes away.

Do you know how I can delete this extra space? I have driven myself crazy trying to find it. Thanks!

lmilesw · #2 Dec 28, 2013, 12:11 PM

I'm not 100% certain of what you mean but I do see that the image without the caption is 300px wide and the image with the caption is 310px. When I set the width of the captioned image to 300px in Firebug the images both line up.

Koukla · #3 Dec 28, 2013, 09:52 PM

I ended up fixing it by moving the line

Code:

text-align: center;

from "Images in Posts: Caption Style" to "Caption Text: Style." I'm not sure why there would be a difference though, because that was the only line there, with no margins or padding. But now everything is left justified like I wanted it so I am happy!