Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • June 10, 2013 at 9:30 pm #10294
    tault
    Member

    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?

    June 11, 2013 at 12:31 pm #10340
    Sakin
    Keymaster

    @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

    June 11, 2013 at 4:11 pm #10347
    tault
    Member

    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?

    June 11, 2013 at 6:30 pm #10353
    Sakin
    Keymaster

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

    June 11, 2013 at 7:26 pm #10354
    tault
    Member

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

    June 13, 2013 at 2:38 am #10384
    Dmt88
    Member

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

    June 13, 2013 at 2:39 am #10385
    Dmt88
    Member

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

    June 13, 2013 at 9:34 am #10393
    Sakin
    Keymaster

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

    November 21, 2013 at 7:25 am #17457
    Cory
    Member

    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!

    November 21, 2013 at 12:39 pm #17461
    Sakin
    Keymaster

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

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘How do I change the background of my header without changing the header image?’ is closed to new replies.