Add thumbnail to search results

Thanks, it worked! I want to change the size of the thumbnail to 180px x 180 px, in a square. I tried changing the code, which made the image a square image of 180px, but the text didn’t show next to the image.

Please take a look at this screenshot:

Hi Yigit,

Unfortunately that’s not possible, since I’m developing on a local server. I can post a screenshot of ‘inspecting element’ if that helps?

Thankyou, the code worked. This is how the search results page looks like:

Is it possible to make the image thumbnails bigger, 180px x 180px?

• This reply was modified 9 years, 3 months ago by dvwdj.

Hi Andy,

That’s not exactly what I mean. I want the thumbnails that appear on the search results page bigger. They are now 44 x 44px, but I want them 180px x 180px. When I changed the CSS code, they got bigger, however, the title and excerpt don’t move to the right, which results in the thumbnail on top of the text. Please take a look at this screenshot:

I used this code:

.search-result-counter {
padding: 0;
width: 180px;
height: 180px
}

.search-result-counter img {
width: 180px;
height: 100%;
}

The image also appears stretched, how can I fix this? The other thumbnails in my blog posts are cropped, not stretched..

• This reply was modified 9 years, 3 months ago by dvwdj.

Thankyou, the code worked.

The thumbnail images still appear to be stretched. Any idea how I can fix that?