I am using Storefront and SliderRevolution for a nice (landing) homepage.
We want SR to fill to whole page, without anything else. So far, I have been able to hide tops and footers, but a white-space at the bottom remains on desktop resolutions.

Settings for SR should be OK (sizing set to full-screen).

I would like to figure out where the problem lies, and how to fix it
See screenshot for the whitespace, and below for custom CSS I am using.

/*hiding headers and top-bars on some pages*/
.page-id-7 .site-header { display: none; }
.page-id-10483 .site-header { display: none; }
.page-id-10495 .site-header { display: none; }
.page-id-10500 .site-header { display: none; }

/*hide footer*/
.page-id-10483 .site-footer { display: none; }
.site-main {margin-bottom: 0;}
.hentry {margin: 0 0 0 0em;}
.page-id-10483 .widget-area  { display: none; }

div.content-area {
    margin-bottom: 0em;
}

div.page {
    margin-bottom: 0em;
}

Tried before, but now switched off (as I hide the footer anyways):

/*footer higher over white homepage*/
.site-footer {
    margin-top: -40px;
}

/*gray top padding smaller*/
.footer-widgets {
    padding-top: 0.2em;
}

??Could it have to do with the ReCaptcha?
??Is this a styling issue, or scripting?

Thanks!

Screenshot: https://drive.google.com/file/d/1S4mc2kN9At582nYNvC0JfSnCZT5h-Zg2/view?usp=sharing

After translation it was removing my texts on the translated website. I saw this thread https://www.ads-software.com/support/topic/breaking-slider-revolution-on-translation/ where @jimbo777 mentioned that:
__________________________

“My original revolution slider source code in default language reads:

…but when I switch to different language and review the source code, it has errors and here is what I see:

For some reason ” is being replaced with &quot which is breaking the slider. I did not find a work around for this.”
__________________________

That is still the problem with the latest version of translatepress, but I did find a workaround. Just enter the quote (“) on Exclude strings under the Advanced tab, and that actually will make everything work, with auto sizes and everything else.

On selecting preview, i had the F12 command open on the browser that displays any errors, there it states the following when I select the preview:

Uncaught TypeError: jQuery(…).setLightbox is not a function

The theme developer is not helping because they are requesting a pay them a ‘customisation support’ fee and now have completely ignored the number of times i have commented on their profile page on themeforest.net.

Can someone here kindly provide some assistance as i have been stuck for 4 weeks trying to get it worked. This slider revolution error does not occur when another theme is activated, it previews the slide as it should be so I am confident it is something to do with the theme’s inherently script files.

Thanks

*I have already added SliderRev on the exclude plugin list for Async JS.

thanks

Any information on how to get rid of this would be amazing.

Thanks.

The video was exported only as an alpha layer from After Effects with a transparent background. I added some code to the custom CSS of the slide which I found from someone trying to achieve the same outcome here

.tp-caption .html5vid {
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=50)”;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

Doing this simply lets me change the transparency of the entire video, not just the background (which shows as black)

Can anyone assist?

Thanks!