Delete Title block

Not sure how you are adding your custom CSS (hopefully you’re not editing the TwentyTwelve files directly), but add these CSS rules:

.site-content {
   margin-top: 0;
}
.site-header {
   padding-bottom: 0;
}

Thanks for the help. I didn’t see any changes with that code though.

Also, I have been modifying the style.css for TwentyTwelve, is there a better way to do this?

Ah, I figured out what’s going on. My slider is a widget that’s showing up after the content area for the page. This is why such a big gap is there. So now I need to either get a new slider that can go into the content area itself or make the content area not show.

Also, I have been modifying the style.css for TwentyTwelve, is there a better way to do this?

Modifying the theme’s files directly isn’t recommended. If the theme gets upgraded because of a feature enhancement or a security patch, then your modifications will become lost. This is especially possible with themes like Twenty Eleven, Twenty Twelve, etc, as the WordPress development team is especially keen to keep them updated. If you are just making CSS changes, then use a plugin. JetPack has a custom CSS option, but I like Custom CSS Manager. Just add CSS rules which override the existing theme’s CSS rules (if you use the same selector, then your custom CSS should override the theme’s CSS).