Reducing the height of the slider and white spaces

1. It’s complex. I’ll leave it to someone else who knows better than me.

2. I use the following to reduce vertical space in general. Pick out which bits you want:

/*Reduce vertical space between slider and feature circles*/
#main-wrapper {
  margin-top: 10px;
  margin-bottom: 10px;
}
.marketing {
margin-top: 0px;
}
.marketing .span4 + .span4 {
    margin-top: 10;
}

/*Reduce vertical space after logo to 0*/
.navbar-wrapper .brand h1 {
margin: 0px 0;
}

.navbar {
    margin-bottom: 0;
}

.navbar .btn-navbar {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px 7px;
}

.navbar.resp .navbar-inner {
    margin: 0;
}

/*Reduce space above breadcrumbs */
.tc-hot-crumble {
    margin-top: 0;
}

/*Reduce space around horizontal divider*/
.featurette-divider {
  margin: 25px 0;
}

/*Reduce space between features and buttons*/
.fp-text-one {
	margin: 0;
	}
.fp-text-two {
	margin: 0;
	}
.fp-text-three {
	margin: 0;
	}

Note that I’m not an expert. Got this by trial and error. Some of it may translate badly to other sites.

I tried copying and pasting yoru code into my site (www.safeharborucc.org) to redude some of the white space – there is a HUGE amount of space between the posts that I’d rather not have left blank. But When I used yours it put a thin line below the slider and somehow scared up a few other thigns. What do I use if all I want is to reduce the space between the posts and maybe move it up a little to the slider?

@safeharborucc The problem is that the images take up a lot of space, but they look like they don’t until they are expanded. I see you’re not using this functionality, but are suffering from its effects.

You could try the following:

.featurette-divider {
    margin: 10px 0;
}
.entry-meta {
    display: none; /*I see you've switched these off somehow*/
}
h2.entry-title  {
    margin: 0;
    line-height: 110%;
    }

Then play around with Firebug to look at the rest.