How To: Remove Excess Padding from Image Captions

[evanw]

If you're using the Agent theme, you might notice that there is quite a bit of excess padding below the caption text of images (see below).



The problem stems from the CSS for this theme and can be fixed easily. In style.css, add the following:

#contentleft .wp-caption-text {
	margin: 0px;
	padding: 0px;
	}

This will remove the extra padding and the captions will now look like this:



I also recommend adding lower margins to the .alignright and .alignleft sections. Search for ".alignright" or ".alignleft" and locate this code:

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

Change that section to this:

.alignright {
	float: right;
	margin-bottom: 15px;
	}

.alignleft {
	float: left;
	margin-bottom: 15px;
	}

It took me quite awhile to figure out what to fix, so I hope this can be of use to you!

Evan