Style Frames for Post Images and Thumbnails

Applies to Version(s): Thesis 1

While Thesis adds some default styles to its frames on Post Images and Thumbnails, you may prefer to change these to match your own site’s design. Here’s how to do this.

First, place the following code in custom.css:

/* Style Post Image Frames */
.custom div.post img.post_image {
	border: 1px dotted #666; 
	padding: 6px; 
	background: #00ff00;
}

/* Style Thumbnail Frames */
.custom div.teaser img.thumb {
	border: 1px solid #000; 
	padding: 1em; 
	background: #ff0000;
}

Then, you can use these style declarations as the basis for your own design, modifying the values of the given properties, and/or adding property/value pairs of your own choosing.