I have a homepage slider that contains an image, a video and then another image. The minimum height for the slider should be 520px. The min-height works for the images, but the video still gets resized (too small).
The example can be seen here – http://www.businessreviews.co/
How do I get the video slide to be the same height as the image slides (across all displays, mobile & desktop).
I changed the height before using something similar to:
.avia-slideshow-inner {
height: 523px !important;
}
However, this changed all of the full width sliders and I just want to control the one on the homepage (page-id-19).
I think I fixed this myself, by using the following code:
.page-id-19 .avia-slideshow-inner {
min-height:520px !important;
}
Hi,
That’s great to hear. Glad that it’s fixed :)
Best regards,
Nikko
