Forums

How to make header separate from main part of page (3 posts)

  1. ilovehorror
    Member
    Posted 3 years ago #

    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.

  2. stvwlf
    Member
    Posted 3 years ago #

    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

  3. ilovehorror
    Member
    Posted 3 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic