Post image for Thesis Customisation to Show Thumbnail in Teaser

Thesis Customisation to Show Thumbnail in Teaser

by Bobby Jay

WordPress has proved itself best platform for blogging. Being open source in nature and free of cost, it is very famous and gets update more frequently as compared to any other blogging platform. Default installation of WordPress comes with dull theme. We have variety of aftermarket solution for modern and beautiful web site design.

Thesis has proved itself best of best theme for wordpress. It has all qualities that are in wish list of a blogger. Customization is special domain of thesis. Thesis has option to show the posts in teaser format. Thumbnail is not shown until or unless you have added the path of image in post image or thumbnail field.

Click for Full Size

Here we have a situation. What If you are using wordpress built-in image posting feature that is very feature rich and also adding the path of image in thesis theme “Post Image” field. If you add the image path in “Post Thumbnail” field to show the thumbnail in teaser, you have to resize and crop the image manually. So adding the image path in “Post Image” field will automate the cropping and resizing the image.

After viewing the post, you will notice that your post is showing two images, one by wordpress and second by thesis. What to do, how to resolve this problem?

Thanks to thesis custom function and custom CSS facility. We need to add a simple code to the custom.css file.

.post_image { display:none !important; }

Add this code in custom.css file and upload the file to your custom folder and hit refresh to view the change made by this piece of code.

Related posts:
  1. Thesis Customization, Fixing Duplicate Image Issue In RSS Feed
  2. BloggingJunkie Redesigned using Thesis Framework
  3. Thesis 1.7 Premium WordPress Theme Review and SEO Features
  4. CommentLuv is Showing its Heart Icon in Thesis 1.7
  5. Domain Migration: An Overview of Process

{ 23 comments… read them below or add one }

Stephen January 21, 2010 at 5:15 pm

Thank you

Reply

Imran Yousaf January 21, 2010 at 7:24 pm

You are welcome Stephen.

Reply

ashley June 4, 2010 at 6:04 am

thank you!! such a time saver so that I don’t have to go back and crop all my old photos!!

Reply

Jen July 29, 2010 at 11:23 pm

Thankyou so much Imran! This gave me so much headache but now it’s solved!!

Now i have another problem – wondering if you might know how to display more than 1 thumbnail in the teaser? =)
Thanks!!

Reply

Imran Yousaf July 29, 2010 at 11:49 pm

Jen your question is interesting one. I am eager to know why you want to show more than one thumbnail in teaser?

Reply

Jen July 30, 2010 at 4:02 pm

Thanks for the reply Imran! I run a photography blog and have lots of photos I share. It would be great to be able to display more than 1 thumbnail to attract readers to click through…thanks.

Reply

Imran Yousaf July 30, 2010 at 7:05 pm

Jen if you want to show more than one thumbnail for one post, then its not possible, infect no theme offers such option. How ever for your requirement, you can show photos in slide show or use library plugin. This post will fulfill your requirement http://bit.ly/9lvufH

Reply

Faizan September 8, 2010 at 11:05 pm

found it very late but finally i did it!
thanks a ton!

Reply

Vijay September 15, 2010 at 8:52 pm

I have done all the things but still my site not showing the thumbnail image. I have installed the thumbnail plugin it worked fine. But without a plugin its not working. Can you please say me I need to insert any code?

Reply

Imran Yousaf September 15, 2010 at 8:58 pm

Vijay, are you using thesis theme?

Reply

Vijay September 15, 2010 at 9:03 pm

Yes, I am using Thesis theme.

Reply

Imran Yousaf September 15, 2010 at 10:53 pm

With thesis, you are not supposed to use any plugin to show thumbnail in teasers. Just pate full URL to image file in first text box of “Post Image”. It should work. Don’t forget to refresh Super cache, better to disable it for some time.

Reply

Vijay September 17, 2010 at 10:29 am

I am not using any super cache plugin, I have cleared my browser cache too. But it won’t works. As you said I have added full URL in the post image options. But still its not displaying. I think there is minor problem but I can’t identify it.

Reply

Imran Yousaf September 17, 2010 at 2:05 pm

Try to use a blank custom.css & custom_function file and then see the results.

Reply

Vijay September 18, 2010 at 11:23 am

I have tried it. But still the same issue :(

Vijay September 18, 2010 at 2:19 pm

Thanks for solving the problem. Really proud of you to clear the issue in few minutes. I don’t have words to speak from my heart. Thank you very much.

Reply

Imran Yousaf September 18, 2010 at 2:26 pm

Thanks Vijay for your appreciation.

Reply

Vlad November 6, 2010 at 3:13 am

thanks for the post, I’ve Been Looking solution for that all day,,work perfect!

Reply

Anuj@WEBTRICKSBLOG March 22, 2011 at 11:37 pm

Hey : ) found it very late but finally i did it!
thanks a ton!

Reply

HighTechDad March 26, 2011 at 2:24 am

Could you use the same method to surpress the Thesis feature image that normally would appear at the top of the post?

The scenario that I’m trying to do is to have thumbnails ONLY in the teasers and nowhere else. I don’t want to have the large image at the top of my post.

Any creative thoughts on this? I liked that css trick that you mentioned.

Thanks,
HTD

Reply

Imran Yousaf April 11, 2011 at 8:35 pm
Kamal Patel October 13, 2011 at 12:46 pm

thanks for this nice post
i would like to know that…im using thesis 1.8 beta version…
how to handle this with this…i tried as you said but didnt get it
appreciate if you can help me on this

Thank you,
Kamal Patel

Reply

Imran Yousaf September 18, 2010 at 12:10 pm

@Vijay, Create an account for me with posting power in your blog and will look into problem.

Reply

Leave a Comment


7 × two =

CommentLuv badge

{ 9 trackbacks }

Previous post:

Next post: