Style Frames for Post Images and Thumbnails

This document is deprecated! The information on this page refers to a Thesis version that is now obsolete. Please visit the User’s Guide home page for current documentation.

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.