Images are cropped or blown up

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

Open Support Ticket

Tagged: images

Author

Posts
May 8, 2019 at 9:53 am #485097

Maud
Full Member

Post count: 96

Hi,

On archive or details pages, images and logo are cropped or blown up.
I saw on your documentation this custom css :
/*GeoDirectory V2 – Archive Items – Zoom effect to make images fill the area without distortion*/
.geodir-image-container ul.geodir-images li img {
object-fit: cover!important;
height:100%!important;
}
/*GeoDirectory V2 – Detail Page – Fit image into area without cropping*/
.single .geodir-images img {
width: 100%!important;
height: 100%!important;
object-fit: contain!important;
}
/*GeoDirectory V2 – Remove border radius on images*/
.geodir-image-container ul.geodir-images li,
.geodir-image-container ul.geodir-images li img{
border-radius: 0 !important;
}

Is the css correct for my issue.
where should I insert it ?

Many thanks for your help.

May 8, 2019 at 10:23 am #485107

Kor
Moderator

Post count: 16516

Hi Maud,

Thanks for your reply. Could you share the URL of the page in question so that I could check on it?

Thanks!

May 8, 2019 at 12:19 pm #485123

Maud
Full Member

Post count: 96

This reply has been marked as private.

May 8, 2019 at 12:33 pm #485127
Kor
Moderator

Post count: 16516
Hi Maud,

Thanks for your reply. You can use the code below to achieve this. Insert into Appearance > Customize > Additional CSS.
```
/*GeoDirectory V2 – Detail Page – Fit image into area without cropping*/
.single .geodir-images img {
width: 100%!important;
height: 100%!important;
object-fit: contain!important;
}
```
May 8, 2019 at 12:45 pm #485131

Maud
Full Member

Post count: 96

Hi Kor,

Many thanks it’s OK for details page.
But I have the same issue on archive pages with logo…

May 8, 2019 at 1:44 pm #485140
Kor
Moderator

Post count: 16516
Hi Maud,

Use the code below to fix that.
```
.geodir-image-container ul.geodir-images li img {
object-fit: contain!important;
height:100%!important;
}
```
May 8, 2019 at 1:46 pm #485141

Maud
Full Member

Post count: 96

Hi Kor,

Many thanks Kor. It works fine !

May 8, 2019 at 3:08 pm #485177

Maud
Full Member

Post count: 96

This reply has been marked as private.

May 8, 2019 at 7:37 pm #485215

Alex Rollin
Moderator

Post count: 27815

Hi Maud,

20057 introduced some great updates to GD post images.
Please check the GD Post Images shortcode on the Brands page and compare them so you can see the difference, and keep the one you like.

You can use the shortcode builder to adjust the options further. One option is that you no longer need CSS to adjust the object fit, that is now a part of the settings, so you can remove the CSS Kor share above once you have adjusted the options/shortcodes for each archive and details page.

As you can see the new shortcode shows all the post images plus the logo.
Author

Posts