[tault]

My website is provensweets.com. I have already figured out how to center and upload my website header through the theme options. However I really want to add a background image that will go behind the header image. The only coding I could find that even changed the background is :

#branding {
background-color : #D4D496;
}
.widget {
background-color : #D4D496;
}

but the image I want in place of those colors is :

http://provensweets.com/wp-content/uploads/2012/09/Untitled-6.jpg

Can anyone help me with this?

[Sakin]

@tault: I see that you have added the following Custom CSS.

#branding {
background-image:url('http://dvinetreats.com/wp-content/uploads/2012/09/Untitled-6.jpg');
background-repeat:center no-repeat;
height: 100%; 
width: 100%;  
min-width:10%;
min-height:10%;
}

But in the above css, the image part in not correct. Just replace that with you image path http://provensweets.com/wp-content/uploads/2012/09/Untitled-6.jpg

[tault]

Thank you for the quick response. I tried adding the css code you recommended into my style sheet, but the image still won’t come up:

#branding {
background-image:url(‘http://provensweets.com/wp-content/uploads/2012/09/Untitled-6.jpg’);
background-repeat:center no-repeat;
height: 100%;
width: 100%;
min-width:10%;
min-height:10%;
}

Could I still be missing something?

[Sakin]

@tault: you have to change that in “Appearance => theme options => Custom CSS” box. Now it style.css. Remove the modified css in style.css

[tault]

How did I forget about the custom css area?!? Wow, you are brilliant thank you so much it worked perfectly!

[Dmt88]

I need help with chamging the background of my pages. Can someone help. the name of my site is http://www.dougtriplettdental.com.

[Dmt88]

I need help changing the color of my pages on my site. http://www.dougtriplettdental.com.

[Sakin]

@Dmt88: I see that you have already change the background color. It’s from “Appearance => Background” in your WordPress Dashboard.

[Cory]

Hey, I used your code above to make a background for my header and it worked wonderfully (added my own image url of course) and had one question. Is there a way I can make my image stretch to fit the header no matter what size the header is? Will that work, or would that just make it look sloppy when the header area changes by page? http://www.brewreviewcrew.com is the site, I messaged you the other day, and thanks for your help there!

[Sakin]

@Cory: I think it’s ok to keep the header background image like that. Stretching is not a good idea.

[Author]

Posts