Fixel - max-height image gallery

Tom Brown
asked 9 years ago

Hi there,

How can I set a max-height on images displaying in the gallery without it stretching them? Currently I need both landscape and portrait images in the gallery. The landscape images show up fine but the portrait ones are huge and you have to scroll down the page to see them, interrupting the flow of viewing the gallery.

Example: http://madsets.com/turkey-july-2014-gallery/

I want the max height of all images to be the same (about 500px seems to be OK). Width should be scaled depending on height.

I know there is a combination of max-height/height/width/max-wdith I need to use but nothing I’ve tried works.

Any suggestions?

Thanks,
Tom

1 Answers

DominicStaff
answered 9 years ago

Hi,
You can add the following code to the style.css file:

.single-post .carousel-inner>.item>img {
  height: 585px;
}

Hope this helps !