Logo size

hi there,
could someone please tell me where i can change the settings (size) for the logo (image). the standard logo is 200x58px. i would like to show a logo that is 378x150px. i guess it must be somewhere in the template.css, but i couldn´t find it there. what effect do probably changes take to other css-code (for example: banner 1) - do you have to make any further changes as well? so thanks for your help,
stefan

I am looking for the same thing.
I have tried changing values in the template.css file. The image changes, but the menu stays in the same place, so it shows right over the logo in it is bigger than the one in the original template.

Here I put the code:

* Header block
*/
div.logo-text, h1.logo{margin:0; height:46px; width:195px; float:left}
h1.logo a{text-indent:-999em; display:block; height:120px; width:210px; background:transparent url('../images/logo.png') no-repeat 0 0}
div.logo-text h1 a{color:#fff; font-size:24px; text-decoration:none; text-shadow:1px 1px 1px #222}
div.logo-text h1 a span{margin-left:21px}
div.logo-text h1 a:hover{color:#ccc}
div.logo-text p{color:#999; margin:-10px 0 0 21px}

Hope some one can help.
Thanks in advance

hi there,
could someone please tell me where i can change the settings (size) for the logo (image). the standard logo is 200x58px. i would like to show a logo that is 378x150px. i guess it must be somewhere in the template.css, but i couldn´t find it there. what effect do probably changes take to other css-code (for example: banner 1) - do you have to make any further changes as well? so thanks for your help,
stefan

as ceciliaba pointed it out,
it's in template.css, line 98

Code: Select all

h1.logo a{text-indent:-999em; display:block; height:46px; width:210px; background:transparent url('../images/logo.png') no-repeat 0 0}

change height and width to the size you want,



when it comes to banner1,
i think u should make it less wide, otherwise it will float left below the logo :
template.css , line 67

Code: Select all

#banner1{float:left; margin:0 0 0 44px}

regards

It is not enough to just change the height of the logo,
u will need to adjust the box that contains it (top-nav i mean)


In original package, template.css line 60 it is:

Code: Select all

#top-nav{min-height:58px; background:#3d4044 url('../images/top_bg.png') repeat-x 0 bottom}

u will have to replace the min-height with the height u want.
In staenzer's case:

Code: Select all

#top-nav{min-height:150px; background:#3d4044 url('../images/top_bg.png') repeat-x 0 bottom}

plus, you will have to modify the image "top_bg.png" using photoshop or any other photo editing program,
and stretch its height from 58 px to 150 px
otherwise you will have a blank rectangle above it


regards

It worked like a charm for me. Thanks a lot Flora.

you're welcome