How to remove gap between headerlogo and the top of the browser window ?

[cecepee]

Hello

I want to remove the gap between my header logo and the top of the browser window.
I attache a picture so you can see what i mean. Its the gap where the red X is that i want to get rid of.
I am not sure at all in which file i shall look for and what code to alter.

But i have seen its been done so it must go, no?

Thanx for any help.

//Peter

[hieloiceberg]

I think you can do it at your prestashop/themes/your_theme/css/global.css
around line 192 just change the height: 100px; for you image height size!
Hope this will help :-)

#header {
   float: left;
   height:100px;
   width: 71%;
   text-align: right;
}

[cecepee]

Thanx for reply.

But the code already look as you say.
Is there nowhere else i shall change?

Edit: did you mean that i shall change 100px to my size wich is 67px ?

I tried that too, still no change.

Now what?

//Peter

[hieloiceberg]

Okay maybe with this:

h1#logo {
   float: left;
   width: 29%;
   margin-top:0px;  <<<---
}
#header {
   float: left;
   height:67px;  <<<---
   width: 71%;
   text-align: right;
}

and this:

#header #header_user {
   width: 99%;
   text-align: right;
   clear: left;
   margin:-0.6em 0.6em 0 0; <<<----
}

[cecepee]

Thanx again for reply.

The code you posted above, are that from global.css also, or are they from another file?
If so, are they around together? its a big file to look around in.

Thanx for your help
Peter

[Static]

Hi peter

There could be a number of reasons why your header has the gap in it

Is is your site live? ... if so can we see the link?

[cecepee]

Hello Static.

Well, its up, and im doing a lot of trial and error with it.
Im working on to get to know the design now, so I can make it lok as I want.
I can offcourse use free themes like yours or those from DDLX, but I want to be able to say, “I have done this”.

So please, have a look at www.lindbergers.com/ws

Best regards
Peter

[Static]

I understand what you mean by sense of acheivement.

I like to help... with either free themes or tips. From what i can see from your site, it's all the items you have in the "top of pages" position that is making the gap. by making them all in line it would remove the gap (that is if the spacing in the css is right). But to do that you have to many items in the "top of pages". you would need to sacrifice something i.e. search or links... because the logo takes up 1/3 of the width

then to bring the user information up inline with the other links you need to follow what i posted here ... http://www.prestashop.com/forums/viewthread/9936/themes/tutorial_how_to_makeedit_a_template

hope this helps... let us know how you go

[cecepee]

Thanx Static

Help is appreciated, but i feel that if i gonna run a shop i then have to know how it works.
If anything happens i must be able to depend on my knowledge.

The "clutter" in the top is there "straight from the box", i can probably remove or move something.
And the logo is just for now, just to have something to work with. Later i gonna have a nicer logo, slightly higher as well.

And then for example the "Homepage's logo" (that is uploaded in BO) is not in center of its box.
If i can upload it in BO "homepage editor" why cant i there also decide alignment for it?
So where can i change that?

Thanx for your time
Peter

[Static]

all alignments are adjusted in global.css

[cecepee]

Okay maybe with this:

h1#logo {
   float: left;
   width: 29%;
   margin-top:0px;  <<<---
}


}

This row did it.
Thanks to both of you for all input.
Now i just need to make my self a nice logo.
And center align the midle section.

I will soon put up a new question regarding BG image, please stay tuned and prepare some more answers .-)

Thanx again for all your help.

//Peter