Eliminate the white space under slider

Without being able to see your site, I have to guess, but I’m betting that if you adjust the top padding of the page-wrap class in your stylesheet, that will fix your issue. Change this rule:

.page-wrap {
    padding: 83px 0 100px;
}

to

.page-wrap {
    padding: 25px 0 100px !important;
}

(or whatever height you want the top padding to be.)

Thanks Johnna I really appreciate that. I just replaced the coding with the one you gave me and it still looks the same. Will the changes take a while to take place on my website or could it be something else? By the way, I’m still relatively new in wordpress so I’m sorry if my questions seem basic lol

You’ll need to provide a link to your site. We have no idea what slider you’re referring to. Each slider is different and contains different class names and IDs.

Of course, forgive me it’s https://www.thisisallaboutyou.com

I’m going to add content below the slider, yet I still need to reduce or eliminate all the white space below. Thank you in advance ??

Thanks for sending the link to your site. I see that you have reduced the top padding to 25px for the .page-wrap class. The only thing that’s keeping it from working is that you need to include the !important in your rule. There are two places where this rule is specified; if you add !important to the end of this rule, the other will be ignored. You’ll still see a lot of white space below the slider, but most of it is your content area, which I assume will get filled up with whatever you intend to put below the slider. I hope this works for you!

Thank you so much for the information. I reduced the page-wrap and included the ‘!important’, yet there still seems to be a large white gap below my slider. Specifically between my slider and the footer. Even the footer seems rather large. As I mentioned before, I’m relatively new in using wordpress, as I have embarked on creating my site myself regarding specifications within that I find the need to implement. Therefore, I’m still trying to resolve this. Once again, I appreciate every help I can get.

When I look at your code with a browser inspector, I’m seeing the following embedded CSS in a div:

<div style="padding: 100px 0px; background-position: 50% 87px;" class="panel-row-style">

If you want to remove some of the white space, you could adjust the 100px in that line of code. I’m not sure if you need to edit the code directly, or it it’s being added by a setting in your theme, but I think that’s the culprit.

For the footer, you probably want to adjust the CSS for this class:

.footer-widgets {
    padding: 95px 0;
    background-color: #252525;
}