Header Height

[maggini]

Hi Guys,
I am new to CMS Made Simple, it seems like a great system, I am just stuck on one small issue.

I have changed the logo with a graphic that is the same height as the original, i.e. 80px. The new graphic displays just fine but the header is higher than the graphic. Where do I change the actual height of the header please? It is as if the header is perhaps 100px. and therefore I get a band above my graphic.

Many Thanks,

Brian

[RonnyK]

You have to change that in de stylesheet belonging to the template. Check the CSS button on the row of the template, the stylesheet with the name of the template has "DIV#header" and "div#header h1 a" there, both need to be changed with the height-element.

Ronny

[maggini]

Hi Ronny,
I appreciate what you are saying but the "DIV#header" and "div#header h1 a"  have a height that is the same as the image i.e. 80 pixels. The image is 80 pixels high and the height set in the two header tags is also 80 pixels. I can only assume that there is also a border or height padding set somewhere. Very strange.

Regards,

Brian

[RonnyK]

To see what elements are active on a page, you can use the webdeveloper extension for FireFox. If you use "style sheet information" and hover the page, an addressbar will show the elements being active, so you'll see what causes the effect.

Do you have a link?

Ronny

[maggini]

Hi Ronny,
As I say I have only just started the site but here is the link:

http://www.placeofmind.com/

I don't have the webdeveloper extension for FireFox, just a basic install, perhaps I should install it.

Regards,

Brian

[RonnyK]

I'll check tomorrow what causes the effect, WebDeveloper is a good addon when you're developing.

Ronny

[maggini]

Hi Ronny,
Many thanks,

It looks like it might be pagewrapper.

Perhaps you can find the glitch tomorrow.

Regards,

Brian

[Deblus]

remember there are two places in the CSS to change the header height

[Nullig]

You also need to change the offset for your graphic placement:

div#header h1 a {
/* you can set your own image here */
  background: #78D2E1 url(/uploads/images/pomlogo.jpg) no-repeat 0 0;

Nullig

[maggini]

Hi Nullig,
You are a star, many thanks for that. The problem was the offset, I had left it at 12 which was the default and thought that it was related to width rather than height.

Regards,

Brian