Jump to content
nathdogg

[SOLVED] how to change Header Logo size

Recommended Posts

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.

post-633717-0-81294700-1384087043_thumb.jpg

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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 by Pabs (see edit history)

Share this post


Link to post
Share on other sites

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 :)

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

I have managed to try this and it works great.

 

Thank you both again for your help.

Share this post


Link to post
Share on other sites

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]

Share this post


Link to post
Share on other sites

the question is what logo you use ?

standard text - or image? what theme ?

Share this post


Link to post
Share on other sites

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

post-1395426-0-60685300-1496861016_thumb.jpg

Share this post


Link to post
Share on other sites
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 ?

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More