Gap below slider

[gljudson]

Hi. I’ve looked through other entries on this problem, but haven’t found one that solves my problem.

I’ve got a large gap between the bottom of the slider, and the start of page content. I tried this solution, which seemed like it should work, but it made no difference: Large gap below rev slider

What is the CSS code needed, please? or is there another option?

I know I can tweak the settings to make the slider full-depth, but on some screen sizes that puts more of the image below the proverbial fold than I like.

Connect

Thanks!

[marc_a]

Hey @gljudson,

Thanks for reaching out!

The gap below your slider is coming from the container main content. The default integrity stack added it. If you want to remove it from that page, you may use this CSS code:

.page-id-86 .x-container.offset {
    margin-top: 0;
}

Please note that custom CSS code is outside the scope of our support. Issues that might arise from the use of custom CSS code and further enhancements should be directed to a third-party developer or you can avail One where we can answer questions outside of the features of our theme.

Hope that helps.

[gljudson]

YAY.

I assume that I can take out the Page ID part of that if I want this to apply to ALL pages?

Thank you!

[tristup]

Hi @gljudson,

Yes, you can remove the -id-86 part, and it should be .page.

Thanks

[gljudson]

Perfect. Thank you; off to try it now.

[tristup]

Hi @gljudson,

You are most welcome.