Foodie Pro: Low-res and stretched search image

[foodiebaker]

Hi, whenever I do a search on my blog, foodiebaker.com, the featured image will be stretched and low-resolution. But when I look at it via category / tag / date, it will show up perfectly fine - image with title at the bottom.

Search: http://www.foodiebaker.com/?s=pasta
Category: http://www.foodiebaker.com/category/recipes/desserts/brownies-bars/

I want my search page to have title on the top, image aligned on the left, then the excerpt on the right, something like this:
http://minimalistbaker.com/?s=chocolate

Can someone please advise on how to do it? If it's really difficult, the bare minimum is to have at least sharp and unstretched image...

P.S. I am very new into coding so I will take a long time to understand coding terminology, so please be patient with me, thank you!

http://www.foodiebaker.com/?s=pasta

[Jodi P]

The issue with the content archive is something Shay is going to have to fix in the next update to allow for left-aligned images. Please find the following code in your style.css file:

.featured-content img,
.post-image,
.entry-image {

display: block;

width: 100%;
}

and replace it with:

.featured-content img,
.post-image,
.entry-image {

width: auto;
}
Please make sure you save a copy of your file before making any changes so that you can restore it in the event of an error. And you may need to run the Regenerate Thumbnails plugin after making the code change to get the images to display uniformly.

If you didn't want to get into coding you could opt to update to the latest version (2.0.5) which includes the search results in the grid styling for the content archives, so your search results would look the same as your category archives. Just keep in mind that if you update you'll lose any customizations you've made to the theme files or via the customizer.

Hope that helps,
Jodi

[foodiebaker]

Hi Jodi, sorry for getting back so late, but thank you so much! This works perfectly!

[Author]

Posts