Modify aspect ratio of images displayed on details page

This topic contains 2 replies, has 3 voices, and was last updated by Alex Rollin 5 years, 10 months ago.

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

Open Support Ticket

Author

Posts
March 14, 2019 at 8:09 am #474464

Andrew
Expired Member

Post count: 197

Hi,

I’d like to modify the aspect ratio of the images displayed on the details page of my website. Currently all listings display images in a very narrow landscape style, however I would like the images to be displayed in their actual aspect ratio.

See an example of a listing here: https://www.getaboutable.com/food_and_drink/blu-ginger-restaurant/.

Thanks,
Andrew

March 14, 2019 at 8:52 am #474467
Kor
Moderator

Post count: 16516
Hi Andrew,

Thanks for your post. You can use the custom CSS code below to fix that. Insert into WP > Appearance > Customize > Additional CSS
```
.single .geodir-images img {
    width: 100%!important;
    height: 100%!important;
    object-fit: contain!important;
}
```
March 14, 2019 at 9:57 pm #474562

Alex Rollin
Moderator

Post count: 27815

Doc updated: https://wpgeodirectory.com/docs-v2/integrations/images/#css
Author

Posts

Viewing 3 posts - 1 through 3 (of 3 total)

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

Open Support Ticket

Hurry! Get your 20% discount before it expires. Get 20% Discount