How to remove extra white space from above and below SLIDER WIDE?

Welcome!

Try and add this to your style.css file for the space on top of the slider –

.home .head-wrap {
	margin-bottom: 0;
}

That should fix it. I don’t see any space under the slider, did you already fix that?

It looks like you got it working, right?

@steven do you have a link to your site so I can see what’s going on?

The widget you’re using is set at 1140px wide and when you view in a smaller browser the width changes to 90% which will leave about 10% on the sides. If you want a full width image, then you can add it in the “Slider Wide” widget area.

The space underneath the slider isn’t coming from the slider itself, but the div outside of of that widget area. The spacing is there by default in case you wanted to add multiple widgets in that section….this would keep them separate from each other instead of being too close together. You can adjust that by editing line 1168 in your css –

.slider .wrap {
    margin: 0 auto 20px;
    padding: 0;
    width: 1140px;
}

Change the 20px to 0 and that will remove half of it.

The other half is from line 1174 –

.slider .widget {
    margin: 0 0 20px;
}

Change the 20px to 0 as well, and that will remove the space under the slider area. Let me know if that works.