You probably just downloaded thesis and your wondering, “Why the heck is my post image taking over my entire blog!?”. This is because by default Thesis auto resizes and crops the thumbnail image only (when you leave the thumbnail field blank). Thesis expects you to upload the perfect size image but, if you plan on using the post-image as a thumbnail it will auto resize the thumbnail to the dimensions you enter.
Auto resizing the post image is as easy as adding a code to your cutsom.css file. This code will automaticaly resize the post image BUT it will keep the aspect ratio. Therefore, if your image is 600 x 200 this code will NOT resize the image, it is keeping the aspect ratio.
.post_image {width: 500px;height : auto;}.post_image {width: auto;height : 200px;}
If you don’t care if your image gets squished or distorted use this code. This code will force the Post-Image to have these dimensions.
.post_image {
width: 500px;
height : 200px;
}
Obviously taking either route is just a shortcut, all post images should be created in photoshop and have the same dimensions, this keeps your blog looking nice. Hopefully sometime in the future, 2.0 release?, we will see post-image resizing built into the theme. Want to download Thesis? Click HERE!
If you liked this post or it helped in any way make sure to follow me on Twitter for more updates!
{ 2 comments… read them below or add one }
Thank you. This is a really helpful and simple solution. This is one of the things that has always bugged me about Thesis. Do you know if there is a way to force the post image to be resized by the thumb.php?
thanks! You’re missing a “px” in your second example. height:200px;
{ 1 trackback }