Slideshow / Scaling - Forum | JoomShaper
Awaiting an answer SP Page Builder

Slideshow / Scaling

Asked by Mike Reinbacher 2 years ago Last activity 2 years ago

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.

9 replies

Ofi Khan Staff

Hello 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

Mike Reinbacher Asked this

Hi, see the hidden content.

Ofi Khan Staff

Sorry, your given credentials do not match. Please check and share again.

Mike Reinbacher Asked this

Hi,
I tried the credentials myself, they work. Did you use the subdomain (see hidden conent)?

Ofi Khan Staff

I 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.

Ofi Khan Staff

I 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 Asked this

Thanks 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 Staff

Yes, 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 Asked this

Sure? 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

Ofi Khan Staff

I have checked it again. This scaling is coming from YouTube. To maintain the correct video ratio, this is seen like this. We are not changing anything here. Again, you may change it with Custom CSS which is out of our support.

Pavel
2 years ago · edited

Hi Mike.

  1. Delete bg image in slide item settings
  2. Switch to video bg and add youtube video link
  3. Add your own class name to slideshow in General tab. For example my-video-slideshow
  4. Set bg color in addon's Style tab
  5. Use following CSS
    .my-video-slideshow .sp-item .sp-video-background {
     height: auto;
    }
  6. In General tab switch to Custom height and set slideshow height for different screen sizes
Mike Reinbacher Asked this

great, thanks a lot!!

Log in to reply.