Header spacing/alignment

Is it possible to reduce the amount of white space above the grey line (below the menu/title/logo info) in the header area?

Sure, you can override the default padding in your existing custom CSS by changing this:

.site-header {
  margin-top: 5px;
}

To this:

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

Also, does the spacing below it affect the alignment of the text/images that appear on the pages?

I’m not quite sure what you mean here. Could you explain your question a little more? Which spacing are you referring to, for example?

I’ll answer your other question separately.

On my page here – https://www.shospace.co.uk/eye-see-trinity/ – having added some CSS to take out the page title, neither image, page text or widget text align to the top. Is there a way to make them align, so to reflect the neatness of the grey line?

Give this a try to line up those elements on that specific page:

.page-id-1843 .alignleft {
  margin-top: 7px;
}
.page-id-1843 #text-22 .widget-title {
  margin-top: 0;
}

Once again, thank you, thank you, thank you.

Brilliant, responsive, simple and it works.

Genius.

You’re welcome! I’ll mark this thread as resolved but feel free to start a new one if you need help with anything else.