Would like to increase height header

scrapcar · 06-10-2012, 03:45 AM

I would like to make the header slightly taller i think my theme is Twenty Ten but apparently it is modified i have tried posting on wordpress.org but not have much
success can anyone help.

Tomos Wyn · 06-10-2012, 05:45 AM

Is this the site that's linked in your signature?

If so, there's a way to do it with the way the site's coded, but can I ask why is everything within the #header id? I don't see any need for it.

But, without changing the source code, you can make the header taller by adding something like this to your css file.

Code:

/*--- Change the 100px to the desired height */
#masthead { 
  overflow:hidden;
  min-height:100px;
  height:100px;
  }

This will make the wrapper that surrounds your logo and navigation taller.

I guess this is what you want?

scrapcar · 06-10-2012, 06:40 AM

Hi Tomos Wyn, thanks for replying, my site is my signature. It just looks a bit small
do you think it looks ok? If so i will leave it.

Tomos Wyn · 06-10-2012, 06:53 AM

It's not bad - but personally I'd work on the site's spacing.

I mean, your navigation has some whitespace either side of it yet your header text is right to the side with no space. I'd tighten up the spacing.

But to be honest I don't think you need to make the header any taller.

scrapcar · 06-10-2012, 08:27 AM

Ok i will leave header Yes that was my next issue to sort out. don't suppose you know how to
sort this do you? or best place to look.

Tomos Wyn · 06-10-2012, 09:15 AM

Use something like firebug for firefox or inspector tools in chrome/safari to non-destructively play about with css styles for elements. Once you settle down with something you like, copy it and paste it in your actual CSS file.

As for the navigation, look for #access in your CSS file. Look at adding a top margin, reducing the width etc.

scrapcar · 06-10-2012, 01:41 PM

Ok, i will give that a go see how i get on. nice one thanks for your help.

06-10-2012, 03:45 AM	#1
scrapcar Active Warrior Join Date: Mar 2012 Posts: 85 Thanks: 37 Thanked 3 Times in 3 Posts	Would like to increase height header I would like to make the header slightly taller i think my theme is Twenty Ten but apparently it is modified i have tried posting on wordpress.org but not have much success can anyone help.
	Found this great place to scrap cars http://www.vehicletakeback.co.uk/

06-10-2012, 05:45 AM	#2
Tomos Wyn HyperActive Warrior War Room Member Join Date: Jul 2010 Location: Wales, UK Posts: 154 Thanks: 11 Thanked 31 Times in 28 Posts Social Networking Contact Info	Re: Would like to increase height header Is this the site that's linked in your signature? If so, there's a way to do it with the way the site's coded, but can I ask why is everything within the #header id? I don't see any need for it. But, without changing the source code, you can make the header taller by adding something like this to your css file. Code: /--- Change the 100px to the desired height / #masthead { overflow:hidden; min-height:100px; height:100px; } This will make the wrapper that surrounds your logo and navigation taller. I guess this is what you want?
	For Hire - WordPress Designer & Developer! What I use to build WordPress websites Digital Camera Reviews

06-10-2012, 06:40 AM	#3
scrapcar Active Warrior Join Date: Mar 2012 Posts: 85 Thanks: 37 Thanked 3 Times in 3 Posts	Re: Would like to increase height header Hi Tomos Wyn, thanks for replying, my site is my signature. It just looks a bit small do you think it looks ok? If so i will leave it.
	Found this great place to scrap cars http://www.vehicletakeback.co.uk/

06-10-2012, 06:53 AM	#4
Tomos Wyn HyperActive Warrior War Room Member Join Date: Jul 2010 Location: Wales, UK Posts: 154 Thanks: 11 Thanked 31 Times in 28 Posts Social Networking Contact Info	Re: Would like to increase height header It's not bad - but personally I'd work on the site's spacing. I mean, your navigation has some whitespace either side of it yet your header text is right to the side with no space. I'd tighten up the spacing. But to be honest I don't think you need to make the header any taller.
	For Hire - WordPress Designer & Developer! What I use to build WordPress websites Digital Camera Reviews

06-10-2012, 08:27 AM	#5
scrapcar Active Warrior Join Date: Mar 2012 Posts: 85 Thanks: 37 Thanked 3 Times in 3 Posts	Re: Would like to increase height header Ok i will leave header Yes that was my next issue to sort out. don't suppose you know how to sort this do you? or best place to look.
	Found this great place to scrap cars http://www.vehicletakeback.co.uk/

06-10-2012, 09:15 AM	#6
Tomos Wyn HyperActive Warrior War Room Member Join Date: Jul 2010 Location: Wales, UK Posts: 154 Thanks: 11 Thanked 31 Times in 28 Posts Social Networking Contact Info	Re: Would like to increase height header Use something like firebug for firefox or inspector tools in chrome/safari to non-destructively play about with css styles for elements. Once you settle down with something you like, copy it and paste it in your actual CSS file. As for the navigation, look for #access in your CSS file. Look at adding a top margin, reducing the width etc.
	For Hire - WordPress Designer & Developer! What I use to build WordPress websites Digital Camera Reviews

06-10-2012, 01:41 PM	#7
scrapcar Active Warrior Join Date: Mar 2012 Posts: 85 Thanks: 37 Thanked 3 Times in 3 Posts	Re: Would like to increase height header Ok, i will give that a go see how i get on. nice one thanks for your help.
	Found this great place to scrap cars http://www.vehicletakeback.co.uk/