Remove White Space Below Kadence Slider

[Lori]

Lori

November 10, 2016 at 3:20 pm

Hi,

I’m working on this site: *Login to see link and am using the Kadence Slider to add images to the home page and other pages.(For Home page it is in there via Theme Options and on the others I am using the Feature page with no sidebar. For now, you can also see it at this non-home page: *Login to see link

On full screen, there is a little too much white space below the Kadence Slider, (if you look at Home, ideally it would have the same amount of white above and below the logo/menu) and also when I resize to tablet/phone/smaller size, there is giant white space below it (happens on the Home page and the other page/s). Is there a way to remove this white space? Or at least make it so it doesn’t get so huge on mobile?

FYI, my image is 1600 wide x 1200 high, and if it will work, I’d like to make all my sliders this same size.

I’ve searched and tried a million things for several days, and can’t seem to figure this one out. Thanks a bunch in advance! (I am also pasting my CSS here in case you need it) –Best, Lori

@media (min-width: 992px){
.kad-header-left {width:40%;}
.kad-header-center {width:20%;}
.kad-header-right {width:40%;}
}
.kad-call-sitewide-title-case {
width: 100%;
text-align: center;
}
.col-md-2.kad-call-sitewide-button-case {
width: 100%;
text-align: center;
}
.kad-call-sitewide-title-case h2.kad-call-title {
font-size: 48px;
line-height: 42px;
}
.footercredits p {
text-align: center;
font-size: 16px;
}
.footernav ul li a {
font-size: 16px;
color:#ffffff;
}
.footernav {
float: none;
text-align: center;
}
.footernav ul {
margin: 0 auto;
float: none;
padding: 0;
}
.footernav ul li {
list-style: none;
float: none;
display: inline-block;
}
.testimonialbox {
font-size: 18px;
color: #172137;
font-style: italic;
}
.flex-control-nav, .flex-direction-nav {
display:none;
}
.home .contentclass {
padding-top: 0;
}
#bigcalendar1 {
margin: 0 auto;
}
.wrap.contentclass {
padding-bottom: 0 !important;
}