Reducing padding/gap between header and slideshow on home page

Hello all!

I'm currently in the process of designing my photography website and I've noted that there is too much of a gap between the header and slideshow on my home page. I'd very much like to have the image much higher than it is to avoid people from having to scroll down to see it.

I'm also having the same problem with my 'About' section where there is too large a gap between the header and the textbox for 'About Me'.

Having spoken to the Customer Support team, they said that I'd need to have some coding to reduce this gap.

I'm pretty new to this all so was wondering if anyone had any help in what coding I can insert to reduce the gap? My apologies if it's very simple - I'm fairly new to all this!

Thanks for your help!

Kazim

Are you able to share a link to your website or could you let us know which template you are using.

https://support.squarespace.com/hc/en-us/articles/115005308187-What-s-my-site-s-template-and-version-

Hey,

Here's a link to my website:

https://www.kazimghafoor.co.uk/

The template is Flat Iron

@KazimG Add to Home > Design > Custom CSS

div#container-content {
    padding-top: 0;
}

Thanks very much, it's greatly appreciated!