Here's my CSS code relating to the images:
- Code: Select all
/* 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; }
