Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Aug 2010
    Posts
    9
    Thanks
    1
    Thanked 0 Times in 0 Posts

    How Do I Move White Part of Background Downward?

    Hi, everyone. I'm working on a new blog at http://testing-ground.info If you look at the very top, the white section of the page background is sticking up past the black part of the header, so I would like to know how to move the white page background downward so it doesn't stick out from the black part of the header.

    Technically, the page is rendering correctly. The reason it doesn't look right is because I changed the header pic to a PNG image, then made the top of the header transparent so that the sword would look like it was sticking out from the top of the black part of the image. (See a similar header at http://stop-identity-theft.us or http://www.ecigs-today.com to see what I mean if that sounds confusing).

    I thought I could fix it using the code below from the style.css file, but haven't had any luck thus far. I'm pretty sure it's the right section of code, though, because when I changed the background color from white to red it did affect the section I am trying to change. I'm thinking that maybe I need to install another line or two of code somewhere in there?

    Thanks in advance.
    Code:
    /*========= LAYOUT =========*/
    
    #page{
    	width: 960px;
    	background-color: #FFFFFF;
            margin: 0px auto 15px;
    	border: 1px solid #4D4D4D;
    }
    Last edited by TheJedi; 09-01-2010 at 08:29 PM.

  • #2
    Regular Coder Stooshie's Avatar
    Join Date
    Mar 2008
    Location
    Dundee, Scotland
    Posts
    378
    Thanks
    9
    Thanked 39 Times in 39 Posts
    padding-top: -15px

    I think?
    Regards, Stooshie
    O

  • #3
    New to the CF scene
    Join Date
    Aug 2010
    Posts
    9
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Stooshie View Post
    padding-top: -15px

    I think?
    No change when I tried that. Thanks for trying to help, though.

    It did trip my brain into thinking that padding is INSIDE the element, while margins are OUTSIDE, so I tried fiddling around with the margin instead. It did move it downward like I wanted, but it moved the whole page down, so it has to be another element somewhere else. But at least I know what I'm looking for now.

    Any ideas?

    BTW, I forgot to mention that I am using WooThemes' Gazette Edition theme.
    Last edited by TheJedi; 09-01-2010 at 08:41 PM.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •