Frustrating Revolution Gap

[briancarruthers]

It seems like there are many, many posts in here regarding this subject, which tells me that you guys have never been able to figure out a real fix for this. I am getting gaps at the top and bottom of my Slider. I’ve spent more than two hours looking through your forums and selecting every conceivable setting in Slider Revolution. I’ve pasted several of your suggested CSS snippets and none of them have worked. Please help me figure this out. The slider is at the top of this page. https://empirebuildersplanner.com

[friech]

Hi @briancarruthers,

Thank you for writing in, did this issue happen after you update the Cornerstone? I see your X and Cornerstone is not compatible. Please update both to the latest version X 9.0.8 and Cornerstone 6.0.8.

Remember to clear all your caching features (plugin, server-side, CDN, and browser’s cache) after updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

If the issue persists after updating, please inspect the section containing the slider and set that section’s top and bottom padding to 0.

Hope it helps,
Cheers!

[briancarruthers]

I have done as instructed and padding is set to zero. The gap has closed considerably, but it’s still there. Thoughts?

[marc_a]

Hi @briancarruthers,

The issue with the gap of the revolution slider section is that there’s a margin-top and margin-bottom calc(20px / 2) set in the columns.

I suggest that you set the margin top and bottom of that column to 0. If it doesn’t help, you add this code in the Column > Customize > edit CSS

$el {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

Hope that helps.