Make all images in GD listing fit -width

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Tagged: image width

Author

Posts
July 10, 2017 at 11:58 am #386356

Stephen Bromham
Buyer

Post count: 23

Is there a GeoDirectory setting or recommended CSS to make all images that appear inside the listing image box “fit-width 100%”?

The problem with the default automatic handling of images in a directory listing is that they all appear at 270 pixels x 175 pixels resulting in the outside edges of most uploaded images being heavily cropped.

When using company logos as default directory image this crops over 95% of all uploaded images and the listing design looks terrible. Smaller logo images (re-sized as a result of a ‘fit width’ setting) are preferable to automatic cropping.

Any help or advice would be most welcome. Thanks.

July 10, 2017 at 12:07 pm #386361
Kor
Moderator

Post count: 16516
Hi Stephen,

Could you please share your Website URL so that I could take a better look at it? On default, it is set as “cover” mode and you can try changing it by inserting the custom CSS code below into GD > Design > Scripts > Custom Style CSS
```
.geodir_category_list_view li .geodir-post-img .geodir_thumbnail {
    background-size: contain!important;
}
```
July 10, 2017 at 12:31 pm #386367

Stephen Bromham
Buyer

Post count: 23

That’s it. 100% perfect result. Thank you.

May I recommend you add this as a new GUI option under GeoDirectory > Design > Listings [LISTING PAGE LAYOUT SETTINGS]? Perhaps have a drop-down menu called ‘Listing Image View Mode’ with ‘Cover’ and ‘Full width’ as two starter options.

July 10, 2017 at 1:14 pm #386377

Kor
Moderator

Post count: 16516

Hi Stephen,

That’s not a bad idea. But, please add it here https://wpgeodirectory.com/requests/ as a feature request and the developers will review it.

Thanks!

July 10, 2017 at 4:49 pm #386397

Stephen Bromham
Buyer

Post count: 23

Also – any CSS/advice on how to ‘fit-width’ the same images on the map when a pin is clicked on? Thanks.

July 11, 2017 at 6:30 pm #386602

Kor
Moderator

Post count: 16516

Hi Stephen,

Could you provide your Website URL? You can use the private reply option below.

Thanks!
Author

Posts