[Solved] Remove Space Below Logo

[Harvy]

Hi All

Probibly a simple one but i just cant seem to find the solution.

I am trying to remove the space below the logo see link below.

sample

[ysco]

Hello Harvy

You mean the space between the tags and the logo ? ( the dark part ? )

Is your site not live so that i can have a look, if you want to do it yourself i suggest to install firebug for firefox .


ysco..

[Harvy]

Yes i am trying to find what is causing that space.

Afraid my site is only on my localhost at the moment

[ysco]

Hello Harvy

I see, well if you place the logo a bit lower then your problem is solved.
Try this, go to your theme folder then to CSS folder now open the global.css with your favorite editor and search for logo probably on the default PS template it should be line 195 there you see this code

h1#logo {
   float: left;
   width: 27%;
   margin-top: 0.5em

Change margin-top to 0.6 or 0.7em you can also change it to margin-top: 55px and then every time a few pixels higher, how higher the pixels the lower your logo drops from top.


ysco..

[Harvy]

Already tryed that one.

That just moves everything down including the space :-)

[ysco]

Hello Harvy,

Alright try this then,

   float: left;
   width: 29%;
   margin-top: 0.5em;
   /*+placement:shift -4px 3px;*/
   position: relative;
   left: -4px;
   top: 3px;

Add the extra code that i added.
You can play with top: 3px to go up and down, now only the logo will move instead off all.

ysco..

[Harvy]

Sorted thx for that.

[ysco]

Your welcome

ysco..