Hi,
The element causing this is in your theme stylesheet; are you comfortable editing css?
Specifically, line 331 of your stylesheet:
#main {
background: #f3f3f3;
padding: 40px 0 20px 0;
}
However, this element is present on all pages.
There are many ways to change this.
Slower, correct way: Add a page template to be used only for the homepage, then add an element in your stylesheet that changes the padding.
Quick and dirty way: You can add an inline style directly onto the homepage, containing a negative padding-top
value that overrides your stylesheet, like:
#main {padding-top: -40px !important;}
Take this out from the post content
<style><!--
.entry-title {display: none;}
--></style>
Stop using WYSIWYG to center align paragraph image because it injects inline style that limits your power to control style of your content later on.
Use child theme to hold your modifications
http://codex.wordpress.org/Child_Themes
But if all you ever want to do is just some CSS adjustments, instead of using child theme, use one of these Custom CSS plugins.
http://wordpress.org/extend/plugins/search.php?q=custom+css
To properly hide that page title use this
.page-id-192 .entry-title {
position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE7 */
clip: rect(1px, 1px, 1px, 1px);
}
To move that image on that page up, use this
.page-id-192 .wp-image-779 {
margin-top: -40px;
}
Adjust -40px
value to your liking.
Thank you thank you thank you