Thumbnail Sizes on Listing Pages

By default, GeoDirectory Listing Images utilize the first image uploaded to the post as the “Featured Image”, and this image is expanded so that it cover the entire background-area of the listing image area. However, this can result in images or logos being cut off; so many customers prefer to contain the entire image within this area instead.

This requires adding some CSS:

.geodir_category_list_view li .geodir-post-img .geodir_thumbnail {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
}

Previously background-size was set to “cover” which tells it to cover the entire image area.

Contain, on the other hand, tells it to make sure the entire image fits within the image area.