Why is image in detail page scroll able?

Hi, I used
.featured-area {
min-height: 1000px!important;
}
to make the featured image in the detail page to a minimum height of 1000 pixels. But now it forces all my pictures to 1000 pixels. There are some pictures that are small and by default they were being stretched to 800 px, now with this change they are being stretched to 1000 pixels high.

Is there a way to only stretch the pictures to 1000 px only if they are be bigger than 800 px in height?
I don’t want to stretching small pictures too much.

Thank you.

Ok, so I guess the main image to be displayed at the top of the detail page can not be resized to fit the container window to show the whole image completely. So some pictures will be cropped on the detail page depending on the image size the user uploads. If that is how it works, then I just have to live with it.

But every other listing website that I see when you click on the listing it actually shows the complete picture of the main image at the top, some how they know how to expand and contract the image to fit the container window.

Thanks,
Rigo

Hi,
When I see a user upload a listing with picture that does not show properly I download the image, resize it and upload it again, so my current listings don’t have that problem, but I need to continuously do that and it is annoying.

I am attaching here one of the user pictures that causes this problem, you can create a listing with this picture and you will see what I mean.

The image is 684×751, so it is taller than it width. I think is is when the problem happens when the image is taller than the width.

Attaching image.

Hi Kor,
The issue is that when a portrait image is uploaded as the featured image, you display it on a landscape container, so you can only show the top section and as you scroll down you see the bottom section. I think that it is best if the complete image is shown with a black frame the the right and left side so you can show the complete image at once.

For example the new listing that you created with the image I sent you, called “GD TEST” found at: https://www.partycoop.com/event-services/california/san-jose/catering/gd-test/,

When I click on that listing I see the attached “GD Test – top.jpg” image, as you can see, the image only shows the tree top and the sky, you can’t see the tables or the grass.

Then as you scroll down see attached image (screen capture) “GD Test – bottom.jpg”, you can only see the tables, you can’t see the tree top or sky above or even the grass bellow. So you can not enjoy the complete picture, you only get to see parts of it as you scroll up and down.

I hope I was clear now. I will leave the sample “GD Test” listing up until I hear back from you and you had a chance see it, then I will delete it or move it back to draft.

Thanks,
Rigo

Got it.
Thank you.
I hope one day it can be optimized for portrait and landscape as well.

Rigo

Yes, that is what I mean. Make it work for both. It already works for landscape, now make it work for Portrait. When you have a portrait picture just make it skinny so that the height fits on the container and then put borders on the left and right of the picture. That is how other websites do it.

Or just simple warn the user that the first picture is the featured image and that it needs to be in landscape mode, and if they put a portrait then, it is their fault.

Thanks,
Rigo