Hi, I’m using the Easy Slider to create an image slideshow within a 2/3 width column. On a large screen this results in a slideshow with a width of 782px.
I have sized all my images to either width 782px for wide images, or height 782px for tall images. Currently, the tall images in the slideshow are being stretched up to same width as the wide images, meaning that they look bad.
How can I restrict the slideshow to always fit within a square shaped area, so that the height of the tall images matches the width of the wide images, so that all images are displayed at an equal size?
Thanks, Richard
Hey Richard!
Thank you for using the theme.
Add this on Quick CSS or custom.css to display the actual width of the images:
.avia-slideshow li img {
width: auto;
}
Best regards,
Ismael
Fantastic! thanks Ismael