Hi, i embedded a video into the slideshow – everything works fine but the content below the video moves up and down when the slideshow switches from the video to the next picture. Is there a way to define the height of the video? I don’t mind if there is some white-space below the video as long as the height matches the rest of the slideshow content. The height should be 890px on large screens.
Hey Chris2234,
Try adding the following to quick css:
.avia-slideshow-inner{
height:890px!important;
}
Best regards,
Jordan Shannon
Thanks Jordan, this will also fix the height on smaller screens like mobile phones – correct. I’m looking for a responsive solution. Many thanks in advance.
Hi,
There will still be space on the top and bottom as the video needs to be in proper aspect ratio, but yes it should be fine on other devices.
Best regards,
Jordan Shannon
Hi Jordan,
I’m aware of the dimensionality issue but there is a very large space on mobile devices which i almost bigger than the video itself. One should be able to adjust this using css-media-query techniques. Many thanks for your support.
Best wishes,
Chris
Hi,
Try adding this:
@media only screen and (max-width: 767px) { .avia-slideshow-inner{
height:290px!important;
}}
Feel free to adjust the height to suit :)
Best regards,
Mike
Alright sparky! Many thanks Mike!
Hi,
Glad we could help. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hi Rikard – the topic can be closed – many thanks.
Cheers