Remove Margin Above and Below Revolution Slider

Support
#1

Hello,

I’m trying to remove all padding above and below the Revolution Slider so it sits right up against the Masthead. I have this working on my existing Home Page (created long ago with X-theme), but when I create new pages in PRO, there is a lot of space above and below the Slider. I read a similar post, but wasn’t able to make the solution work. How do I do this?

This image shows what I am trying to recreate:

This image shows what I am getting. You can see how much extra padding/margin there is between it and the masthead. I’m using PRO V 1.2.7 and Wordpress 4.9.4

:

#2

Hi There,

I couldn’t replicate this issue on my end.

This is how it looks on Firefox:

And Google Chrome:

Could you please tell us which browsers and OS you’re using?

Thanks.

#3

Thanks for your quick reply Thai. I’m testing on Windows 10 with Chrome and Firefox. The published Home page is the one that is working fine. I haven’t published any of the pages I’m creating that are broken, partially because they’re not finished yet and partially because … well, they’re not working properly. I remedied that and you can preview this live at: http://www.dalecodyphoto.com/nature/ I’ll paste two screenshots below of what it looks like in Chrome and Firefox.

You can see there is a huge gap above and below the slider. I just inserted using the modal from within PRO where it gives the option to insert slider below masthead. No other adjustments of margins or padding I’ve found anywhere seems to affect this at all. It’s weird because the original pages I created work fine, but not any of the new ones. Hope this helps you get to the bottom of it.

Thanks Much!
-Dale

#4

Hi Dale,

Try to set your image as background image instead of adding it as an image layer in revslider.

https://www.themepunch.com/revslider-doc/main-background/

Hope that helps

#5

Hi Paul,

Yes - that totally worked! You’re a rock star!

Thanks So Much
-Dale

#6

Glad that we could be of a help :slight_smile: Additionally I suggest that you check the tutorial below for considering the maximum compatibility when you check the website with different devices:

https://www.themepunch.com/faq/slider-revolution-responsive-tutorial-5-0/

Thank you.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.