Slideshow / Scaling
Mike Reinbacher
Hi, I´m using the Slideshow module for displaying youtube videos. When scaling the width, the height might not scale in the same ratio.
See: https://imgur.com/a/TMQtD0J Website: neud.promusicschool.de
How can I get rid of the gab between the title and the video?
Thanks in advance.
Ofi Khan
Accepted AnswerHello Mike Reinbacher
Apology for the inconvenience. Please share your administrator access and the page link here to check the issue. Use the Hidden Content box to share the credentials. Make sure that you have a full site backup with you before sharing.
Best regards
Ofi Khan
Accepted AnswerSorry, your given credentials do not match. Please check and share again.
Ofi Khan
Accepted AnswerI can log in now. But I could not find the issue page. Your homepage is okay. Please share the issue page link and I will check it.
Mike Reinbacher
Accepted AnswerIt´s on the "HOME"-page (last section) please see: https://imgur.com/a/mSpttWn
Ofi Khan
Accepted AnswerI got it now. You are talking about top and bottom black portion of the video. Sorry this is part of the video file. It cannot be edited or reduced.
Mike Reinbacher
Accepted AnswerThanks for your reply. I know that. What I mean is the additional black area that happens when narrowing the window (please see the screeshot)
The height of the plugin is not reducing when reducing the width of the browser-window
Ofi Khan
Accepted AnswerYes, I understand what you want. But it is not possible in the settings. It is coming with the YouTube video. You can try Custom CSS though.
Mike Reinbacher
Accepted AnswerSure? I think the point is, that the module is not scaling. The Video meassures are the same anytime. Only the height of the slideshow module does not change. I don´t think that there is content between the video end the upper and lower end of the module.
Please try to look at it in the front end and narrow the width for this unwanted effect
Pavel
Accepted AnswerHi Mike.
- Delete bg image in slide item settings
- Switch to video bg and add youtube video link
- Add your own class name to slideshow in General tab. For example
my-video-slideshow - Set bg color in addon's Style tab
- Use following CSS
.my-video-slideshow .sp-item .sp-video-background { height: auto; } - In General tab switch to Custom height and set slideshow height for different screen sizes