How to make header separate from main part of page

  • I was given such quick and phenomenal help for my first question, I figured it wouldn’t hurt to ask again.

    If you’ll notice on my page (www.ilovehorror.net), it’s one fluid black page with a black background. How would I go about adding about a half-inch gap (give or take) between the “I Love Horror” banner and the main page? I’m considering making drastic changes to this already basic theme, so I’d greatly appreciate the help.

    Many thanks in advance.

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

  • Hi

    in style.css, make these changes to #header: line 439

    add:
    background-color: #fff;
    ** makes it white for starters

    change these to:

    padding:0 0 50px;
background-position:center top;

    done – adjust 50px padding to whatever height you want for gap

    Thread Starter Brad McHargue

    (@ilovehorror)

    Many thanks! One last question: how would I go about isolating the header and the body? Right now the background is relegated to within the main part of the page. If you go to the site you’ll see what I mean.

    Again, thanks in advance.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to make header separate from main part of page’ is closed to new replies.