How to modify the "header image"?

Ok, yes, now that I have opened it up… take that picture into a photo editor and bring it down to around 100 px high. It will be much better for your page speed and image quality to do that than to try to reduce it with css.

PS. if 100px is too small, get it down as small as possible, and we’ll play with it from there.

OK – you’re a genius. Its up. I just have to drop it???

Sadly I also lost my title which was right above the text “because every dog bla bla”…can you help?

Believe it or not, that looks good. I’ll mess with it for a few and get back to you.

?? When I view it in Firefox its way up top and I lost my title header ??

Beagle,

you didn’t delete your site title from your wordpress options did you?
Check to make sure that settings=>general=>site title is filled in.

Other than the title missing, I think you’ll like the look.

I checked in admin/general and the title is there but this logo is killing me – its under the line of text and I can’t reposition it to save my life.
I checked it in IE/Firefox – all of them show it up too high ??

Don’t worry about that… I’ve got that covered. I’ve been worrying about the title.

This will fix your image: replace your .header .description with this:

.header .description
{
	color: #000;
	font-size: 1.4em;
	text-align: center;
	font-weight: bold;
	background-image: url(https://www.beaglerescueleague.org/wp-content/uploads/2010/12/transbgl.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	height: 172px;
	padding-top: 50px;
}

oops, works in IE8, but not firefox. Need to tweak it some more.

actually, this seems to be working:

.header .description
{
	color: #000;
	font-size: 1.4em;
	text-align: center;
	font-weight: bold;
	background-image: url(https://www.beaglerescueleague.org/wp-content/uploads/2010/12/transbgl.gif);
	background-repeat: no-repeat;
	height: 169px;
	background-position: center bottom;
	padding-top: 50px;
}

This may be a silly question, but do you have a copy of the original style.css before we started? I am having trouble tracking down the site title.

I don’t have the original – I do however have the original download but I tried reverting to that – it totally screws the page up.

FYI – I put the code back in for the header (h1) which I missed…so my title is back – but again, this graphic is too long & it’s running into the descriptions. What a pain – and considering its the company logo I don’t want to make it smaller than it sadly already is LOL.

It’s ok, I’ve got a handle on that… I just needed the title back.

Adjust these two rules and see if it works for you. It pushes the title a little higher than I’d like, but I think it’s pretty close. I actually like the logo hanging over the header a bit.

.header H1, .header H1 A
{
	font-size: 1.9em;
	color: #660000;
	text-decoration: none;
	padding: 4px 0 0;
	margin: 0;
	text-align: center;
	font-family: Palatino, Georgia, Verdana, Times, serif;
}

and

.header .description
{
	color: #000;
	font-size: 1.4em;
	text-align: center;
	font-weight: bold;
	background-image: url(https://www.beaglerescueleague.org/wp-content/uploads/2010/12/transbgl.gif);
	background-repeat: no-repeat;
	height: 173px;
	background-position: center bottom;
	padding-top: 0px;
}