Cropped images in Slideshow on GD Details page

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

Open Support Ticket

Author

Posts
February 18, 2019 at 8:16 am #469646
Martin Steimann
Lifetime Member

Post count: 262
Hello,

this might have been discussed before, but I didn’t find a solution: On the Listing Details Page the images are displayed cropped, if they have certain aspect ratios.

Though this might be fixed via modifying the gd_post_images shortcode. But no matter how I set the image size in the gd_post_images advanced settings, the image display does not change. This might be a KLEO override issue, but who knows.

In your support documents I found this code:
```
.geodir-image-container ul.geodir-images li img {
}
 
 
You may need to add additional selectors to target the CSS to one particular display of listings.
 
Examples of changes to images:
 
/*Zoom the image to make it fill the frame*/
.geodir-image-container ul.geodir-images li img {
object-fit: contain!important;
height:100%!important;
}
```
Maybe this is leading me to the right direction, but I guess for my specific needs I just don’t want to zoom the images to fit the frame.

Could you please provide me with a solution?

Thank you,
Martin
February 18, 2019 at 8:18 am #469648

Martin Steimann
Lifetime Member

Post count: 262

This reply has been marked as private.

February 18, 2019 at 12:57 pm #469704
Kor
Moderator

Post count: 16516
Hi Martin,

Try using the custom CSS code below and see if it’s what you’re looking for.
```
.geodir-image-container ul.geodir-images li img {
    height: 100%!important;
    object-fit:contain!important;
}
```
February 18, 2019 at 12:58 pm #469705
Guust
Moderator

Post count: 29970
Try adding this CSS:
```
.geodir-image-container ul.geodir-images li img {top: 150px !important;}
```
Thanks

PS: Kor’s suggestion is probably the better solution …
February 18, 2019 at 1:31 pm #469715

Martin Steimann
Lifetime Member

Post count: 262

This reply has been marked as private.

February 18, 2019 at 6:39 pm #469786

Alex Rollin
Moderator

Post count: 27815

For personalizing the way that gd_post_images works we can go as far as helping with some CSS adjustments to show possibilities for how the current HTML used on the Archive Items can alter the display of the images, but further than that would be a customization.

The Archive items lists and grid view are generally designed around working with ‘landscape’ images with a 3:2 aspect ratio.

GD uses the image sizes that are shown in the WP Media settings, you can read more about that here:
https://wpgeodirectory.com/docs-v2/integrations/images/

GD doesn’t create any new image sizes in the WordPress settings, but you can use 3rd party plugins to create or adjust image size and proportion/display-ratio then use those images with GD Post Images.

February 18, 2019 at 6:49 pm #469791

Martin Steimann
Lifetime Member

Post count: 262

Thank you Alex – I will add a description text to the image upload box that tells the client that 3:2 is the recommended aspect ratio for his images.

And just in case someone else would like to know about the code snippets you guys kindly provided – the winner is: Kor! But Guust closely came in second 😉

Problem solved. Thank you!

Reagards,
Martin

February 18, 2019 at 9:15 pm #469845

Alex Rollin
Moderator

Post count: 27815

Sure thing.
DOc: https://wpgeodirectory.com/docs-v2/faq/common-examples/#cover-image
Author

Posts