[jatco]

Hoping you can help. I have a Simple Catch site that I’m using similar to a capture page although i’m not collecting information. I want to change the entire header with an image. Could you tell me where the code is to do this and how. My site is http://www.isadoit.com Thanks!

[Sakin]

@jatco: Sorry, I don’t understand your question properly. Do you mean to change the entire header that is grey background with your own image. Then first you need to upload the image in your site and then add the following CSS in “Appearance => Theme Options => Custom CSS” box. In the following CSS replace the text Your Image URL with the image url

#header {
    background-image: url("Your Image URL");
}

[jatco]

That did replace the header, but the height is off and the image is repeating. If I upload a black image where you suggested, is there a way I can overlay the other image on top of it so it does not repeat?

[jatco]

This is how the image at the top should look.

[Sakin]

@jatco: Your Custom CSS will be as below:

#header .top-bg, #header .bottom-bg { display: none; }
#header {
    background: url("http://isadoit.com/wp-content/uploads/2013/07/Screen-Shot-2013-12-09-at-4.55.30-PM.png") no-repeat scroll center top #000);
    border: none;
    height: 309px;
}

[jatco]

That gave me a totally blank top???

[Sakin]

@jatco: Slight correction in the css.

#header .top-bg, #header .bottom-bg { display: none; }
#header {
    background: url("http://isadoit.com/wp-content/uploads/2013/07/Screen-Shot-2013-12-09-at-4.55.30-PM.png") no-repeat scroll center top #000;
    border: none;
    height: 309px;
}

[jatco]

Perfect, it worked out great. Thanks Sakin, I really appreciate your help on this!

[Author]

Posts