Removing Space Between Site Title and Post

If you just want to remove the space, you can change this

#masthead .brand {
margin-bottom: 5px;
}

in the CSS to this:

#masthead .brand {
margin-bottom: 0px;
}

Hello, thanks for that, what about between the post and the top, I have managed to remove spacing between title and rest of page, just the blank space between the post and top now?

You want the image to be flush with the bottom of the black navigation?

Just almost, maybe a bit of space between, but just close the gap in general.

For that particular issue, you still have a header showing up there (even though there’s no data or text, the HTML is still being output). You could tell it not to display, but you’ll have to be very specific with the CSS so as not to cause issues on other pages. Try putting this CSS in your editor:

#post-11 .entry-header{
    display:none;
}

It takes out some space, but I don’t know if that’s close enough for you or if you want more space gone.

where do I put it?

Put that code in the style.css file which you can access from your dashboard through Appearance > Editor. The default file it loads is your stlye.css (you’ll see it says

Edit Themes
Theme Name: Stylesheet (style.css)

at the top of that page)

I would scroll to the bottom of that file and paste this so you know where all your custom code is:

/* CUSTOM CSS */

#post-11 .entry-header{
    display:none;
}

I thought it was there, thanks for the help, but it doesn’t seem to do anything