I simply want to set a background image for the header area

[kennwebguy 0]

Here's the site: http://www.drjoanneday.com I want to set the header area to an image that fits fully into the header area. Seems my 2 options are: 1 - By setting the background (my failed attempt) Here's my custom css: #header { background-image:url('http://drjoanneday.com/wp-content/uploads/header.jpg'); width:960px; height:150px; background-repeat:no-repeat left top; } 2 - Or, i'd prefer, to make the site id be 960 x 150 image which can be clicked to go back to home. (Need I use the full-width canvas thingie? I'm using the 3rd option - fixed-width design framework. Advice? (thanks!)

[kennwebguy 0]

I think I've got it: 1 - use the #branding for the background image in the header 2 - use the logo field for the site's logo Is there not a way to simply have one big logo 980 wide instead of having to use custom css? Thanks

[ricardo 0]

Kenn, I think you might be overcomplicating things but first things fist: if you want your background to include the nav bar use header, if not use branding. Your css code is incorrect and that's probably the reason why you're having problems. In either case you don't need to redefine your element's size. If I understand correctly what you are trying to do, the best way is to: - make an image of the flower and stones to use as background; - make an image with the site's name and slogan to use as logo; You then use PlatformPro admin to upload the logo and to set this css code:

	#header {
	background: #fff url('http://drjoanneday.com/wp-content/uploads/header.jpg') no-repeat top right;
	}
	

Notice that you don't need to do an image the size of the page width's for the background, you just need the flower and rocks, which will be aligned to the right and the rest is filled with white (#fff). This way you can make your page as wide as you want and it will always look good. Ricardo