Hello-

Our site uses the Slideshow Gadget which shows a rotating selection of photos. The photos are not consistent in their proportions, with some being square and some either horizontal or vertical. The default behavior of this element positions the vertical images at the top left of the gadget and the horizontal or square images are centered in the element. What I would like is for all the images to be aligned to the top left corner of the element so that their tops are valign top (I'm an old school coder with limited css abilities.)

Choosing Fixed Height unnecessarily compresses the vertical images to fit the height.

Fit Image to Slide Show unnecessarily crops many of the images.

Landscape makes them too small.

Square works nicely but the horizontal images are still vertically aligned in the center.

Can anyone please help me achieve this seemingly simple task?

Thanks in advance!

http://georgiagoldsmiths.wildapricot.org/