[SOLVED] how to change Header Logo size

[nathdogg]

Hi.

 

I'm wondering if anyone could please assist me.

 

I'm trying to make the header logo at the top of my site bigger so that it will fill the empty space. As you can see I have already moved the horizontal menu bar down to create a bigger space for my new heading logo. I just cant work out how to make the logo itself bigger.

 

I have attached an image, and the address of the site is http://nitetimetease.co.uk

 

Thanks in advance for any help offered.

[Pabs]

Hello, the logo image will keep the original size...as you uploaded it. So make a bigger logo image and uploade it again.

[nathdogg]

Hello, the logo image will keep the original size...as you uploaded it. So make a bigger logo image and uploade it again.

 

Thanks for your reply.

 

The Logo that i have uploaded is already 1000x200px, obviously the logo showing on my site is a lot less then this.

 

thanks.

[Pabs]

Comment or change this:

max-width:450px; 

in  the file

 

/themes/Tease/css/global.css   line 579

 

so your logo can display bigger. See you

 

i.e.  max-width: 600px looks nice.

Edited November 10, 2013 by Pabs (see edit history)

[vekia]

you've got css styles:

#header_logo {
float: left;
margin-top: 25px;
max-width: 450px;
height: auto;
position: relative;
z-index: 1;
margin-bottom: 10px;
max-height: 250px;
}

these styles affects appearance of logo

just change max width value

[Pabs]

max-width and max-height are limiting your image from getting a size bigger than that (and that's what you want). You should change that first.

Bye

[nathdogg]

Thanks both of you for your replys.

 

I will try this tonight when I get home, as I am currently at work right now.

 

I will update how I get on.

 

Thanks again.

[nathdogg]

I have managed to try this and it works great.

 

Thank you both again for your help.

[vekia]

thanks for confirmation that it works as you expected

im so glad that you found solution to your problems here

 

btw. Welcome on board!

thread marked as [solved]

[oshoot]

Any idea how to do this with 1.7 ?

[vekia]

the question is what logo you use ?

standard text - or image? what theme ?

[oshoot]

image and default theme.

[nbexiga]

Hi

nice question that i have too

yes.. where can i change in 1.7.1.1 the logo size or the area that is empy for other size? to resize the white empty space to look better the logo? 

kindly see atached..

 

thanks

[PromoCodeLand]

really helpful thanks for sharing!

[wildeyray]

How can you increase the header (image) logo size in v1.7 ?

[Angel]

On 11/10/2013 at 8:13 PM, vekia said:

you've got css styles:

#header_logo {
float: left;
margin-top: 25px;
max-width: 450px;
height: auto;
position: relative;
z-index: 1;
margin-bottom: 10px;
max-height: 250px;
}

 

hey, i'm a newbie. can you tell me how to open the code like that ?