-
Posts
-
I am using easy slider on portfolio pages. Currently easy slider adjusts to the height of the images. However I would like images to adjust to a max-height and center. I have done some max height settings, and attempted to use transform to get the images to center however I keep ending up with stretched images. I need the images original HxW, and just center the images that exceed the maximum height of the slider.
Any help is greatly appreciated!
I have, but the full screen slider doesn’t constrain the width. So the image gets lost on the left and right sides. I want to be able to display the full image at all times with a max-height – but center the image so that it is always completely visible regardless of screensize. I have been trying to achieve this with max-height settings, but the image just gets distorted.
Hm, i’m not sure if i understand what you’re trying to achieve here, can you provide a mockup / screenshot indicating the issue?
Best regards,
JosueIn the link I attached I achieve the desired function by uploading an image with large white margins saved into the JPEG – this way the image is always centered. I want to not have to save images with white margins on them – because this looks horrible on mobile devices.
I want to upload the full resolution image – and have the image centered as it does in the link I attached.
Hm, maybe if you set a max-width, try adding this code to Quick CSS:
#top .avia-slideshow li img { width: auto; height: auto; max-width: 800px; }Regards,
Josue
- The topic ‘Easy Slider CSS – max height settings?’ is closed to new replies.