How do I change the cropping of my thumbnail images?


#1

I’ve indexed thumbnails with my pages, but they look cropped on the top and bottom. How do I fix this?

Our Result Designer assumes that the indexed image is in a square pixel ratio. However, if your thumbnail images differ in height and width, it’s possible to use CSS to scale your thumbnails so they display in full.

Here are the styles to add to your site’s global CSS file:

.st-ui-thumbnail {
     background-image: none !important;
     text-align: center;
}
.st-ui-thumbnail img {
     display: inline-block !important;
}

Once those styles are in place, you should see your indexed images appear in your results without cropping.