Huge space below header image

[littleredbrickhouse]

I'm trying to figure out why there is a huge space between my header image and my nav bar. Also, only part of the header image is a link. Anyone know what could be the deal? Thanks.

http://www.littleredbrickhouse.com

[Terry]

The space is a combination of padding & sizing issues. A couple questions will help me to help you...
Do you edit the style.css file?
Do you use Firebug or Chrome's equivalent?
How do you want it to look?

[littleredbrickhouse]

I have edited the style.css file.

I have Firebug but I'm not 100% sure how to use it.

I would like the header image to line up right against the navbar without any space in between.

[Terry]

Excellent.

To remove the space between the header and the nav...
delete around line 527 of your style.css:
min-height: 377px;
Change around line 562 of your style.css
.header-image #title-area {
min-height: 257px; (the height of header image)
}

On Firebug, Andrea Rennick has a great post here... http://www.studiopress.com/tips/using-firebug.htm A fantastic tool in part because you can make live changes to css before you code it.

Be sure to make backups before you edit and files. Can save you lots of time!

Hope this helps!

[littleredbrickhouse]

Oooh, thank you so much. Not sure how I missed that. 🙂 And thank you for the link on Firebug. I will be taking notes!

[Terry]

You are certainly welcome!
Take Care.

[Author]

Posts