I have this slider from Slider Revolution on my page. There’s some white space above and below it, and by inspecting the page I found that this element:

<div class="wpb_revslider_element wpb_content_element">

seems to have margins top and bottom 35px. This thing isn’t on the stylesheet.css so I guess it’s coming directly from the plugin. If I go on Customize and add this:

.wpb_revslider_element{
margin-top: 0;
}

nothing happens. I have also tried .wpb_content_element.

I’ve been looking all over, I already tried these things:

.site-content {
    padding-top: 0;
}

.vc_column-inner {  // this is another one from that same part of the code that
    padding-top: 0px; // has the 35px margin
}

.wpb_content_element{
    margin-bottom: 0px;
}

.wpb_revslider_element{
    margin-bottom: 0;
}

.page-header {
    padding-bottom: 0;
}

.entry-header {
    margin-bottom: 0;
}

When I modify the margin directly in the browser inspector, it looks exactly how I want it. But I just can’t find the right class or whatever it is that I can modify with the Custom CSS. How can I get rid of those margins?

Read more here: Can’t get rid of margin under and above Rev Slider


Solution:

If you know the solution of this issue, please leave us a reply in Comment section, to update the question.


Wordpress related questions and answers: