-
Posts
-
Dear Enfold-Team,
Thanks first for this nice theme – I enjoy working with it!
I found already a lot of hints for various problems in the forums, but not for this one:
I have a fullwidth slider on my homepage, that I want to have a fixed height of 500px to match it with the headers of the other pages. So I added some quick-css:
.avia-slideshow-inner {
height: 500px !important;
width: auto !important;
}
This fixed the height, but I now face a different problem:
Depending on the width of the screen or browser, the image gets stretched to always fill the width, but in the case of a less wide screen/browser, it won’t fill the complete height.
How can I change this so that the images would allways fill the complete slider area and be ‘cropped’ accordingly?
I have currently “No Scaling” and “image stretching” enabled in my slider.
Thank you in advance!Hey Sebastian!
The fullwidth doesn’t natively support cropping the image as the screen size reduces. It instead scales images to the container width automatically.
The best work around outside of custom work would be to manually crop your images to 500px in height so the forced css height doesn’t break the slider on smaller screen sizes.
Best regards,
Dake
- The topic ‘Fullwidth Slider: image scales with width -> how to fill complete area?’ is closed to new replies.