How do I remove gap (padding?) under header?

  • My site is https://www.blahblahbecky.co.uk/

    I have just replaced the standard blog header/title and description with a custom image, however I’ve now been left with a gap in between this image and the page navigation bar.

    Does anyone know how I need to remove this? I’m assuming it’s in either header or style.css but I don’t really know what I’m looking for.

    I’m not exactly html-literate so plain English would help!

Viewing 2 replies - 1 through 2 (of 2 total)

  • Go to you style.css and find this part of code on line 385
    and change margin-bottom:0px

    #header {
    margin-bottom: 28px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    }

    Thread Starter blahblahbecky

    (@blahblahbecky)

    Thank you!

    That’s certainly shrunk it, however there’s still a bit more of a gap than at the top – is there anything else I can change?

    I’ve added vspace of 10px to the header image and I’d like that to be the only gap if possible, just so it’s more symmetrical.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How do I remove gap (padding?) under header?’ is closed to new replies.