WordPress.org

1. skinflint
   Member
   Posted 1 year ago #

   I'm trying to move the header to the top of the page so there's no white gap up the top. Can someone please help me?
   I've spent a long time trying to figure this out but can't quite understand how to do so.

   http://www.wotyougot.com/

2. alchymyth
   The Sweeper
   Posted 1 year ago #

   try and add
   margin:0;
   to the style of body, quite at the beginning of style.css

3. skinflint
   Member
   Posted 1 year ago #

   thnxx.

   i added it in the below and it just shifted the header up slightly ..

   body{
   background-color:#DCEEFF;
   background-image:url(images/back.gif);
   background-position:center;
   background-repeat:repeat-y;
   font-family : Arial, Sans-serif;
   font-size : 12px;
   font-weight : normal;
   color : #000000;
   margin:0;
   }

4. haxxxton
   Member
   Posted 1 year ago #

   i think this might be because you are logged in..

   the new version of WP (ie 3.1) places an 'admin_bar' at the top of the page..

   that even when given the style "display:none;" still shows up as a white bar on firefox.

   try logging out and then refreshing the homepage.. as to me it looks fine..

5. skinflint
   Member
   Posted 1 year ago #

   wow. ive been spending the last week trying to figure this out!! did not know that bout the new WP3.1 - thnxxx !!

   btw how can i increase the height of the menu bar so that it can be equally between the header and the main body ?

6. haxxxton
   Member
   Posted 1 year ago #

   from what i think you are trying to do..

   change your

   #intro height style from height:180px; to height:174px;

   or add the following below your menu's <ul>

   <div style="clear:both;"></div>

   and then change the #menu style from margin:0; to margin:10px 0 0 0;

7. skinflint
   Member
   Posted 1 year ago #

   yep that works ! fab !!

   how do i overall decrease that menu area so that the gap between the header and the main body is smaller ?

8. haxxxton
   Member
   Posted 1 year ago #

   hahah if you are using firefox..

   go to

   http://getfirebug.com/

   its a nifty little plugin that allows you to alter css temporarily on a site..

   all good web developers cant live without it.. and is great for testing tweaks before you change your live site..

   but at the minute it looks like you need to do three things..

   change your #intro to height:163px;
   change your #side_left to top:210px;
   change your #main to top:210px;

   enjoy

   and dont forget to mark this thread as resolved in the right hand side drop down box sidebar

   ---------------->>>>>>>>>>>>

9. skinflint
   Member
   Posted 1 year ago #

   Ha cool thanks i shall close it.

   Have made the edits but the height of the main body is lower then the left side bar.

10. skinflint
    Member
    Posted 1 year ago #

    have fixed

    thnxxx for you help kind sir !!

    x

Topic Closed

This topic has been closed to new replies.