WordPress.org

Support

Support » How-To and Troubleshooting » Adding a Custom Header Image?

Adding a Custom Header Image?

  • johnthomas19
    Member

    @johnthomas19

    Hello,

    I’m working on building a music website. I have a theme I really like, but the header is terrible. I had a graphic design friend create a custom header (jpg)and I’d like to upload it in. I’m fairly versed in html code, but am not sure how or where to upload the image. Which php to I need to edit (header.php?), and what is the code needed?

    Any and all help would be much appreciated.

    Thanks

Viewing 7 replies - 1 through 7 (of 7 total)
  • Chris_K
    Member

    @handysolo

    Most themes would set the header in header.php, yes. Without a link to your site or theme, that’s about as specific of an answer as you’ll get 😉

    You might, however, check out this article from the docs section: Designing_Headers. It is a bit of an overview that may be helpful.

    johnthomas19
    Member

    @johnthomas19

    Thanks for the reply.
    My website can be found at http://www.johnthomasmusic.org

    I’ll read the link you’ve provided. If you can offer any tips after viewing the site, I’d love to hear them.

    Thanks,

    johnthomas19
    Member

    @johnthomas19

    Can anyone else help with this. I just can’t seem to figure it out.
    Adding a custom header image?

    Thanks,

    Upload your new image to ..

    wp-content/themes/YOURTHEME/images/

    Use FTP or File Manager whichever you prefer.

    Then change this line in.

    wp-content/themes/YOURTHEME/style.css

    Where ‘YOURTHEME’ is the name of the theme you are using.

    #header{
    width: 981px;
    height: 130px;
    padding: 10px;
    background: red url(graphics/header.jpg);
    color: #fff;
    }

    You only need to adjust this line…
    background: red url(graphics/header.jpg);

    Example
    background: none url('images/newimage.jpg');

    NOTE: the first value is background color, in my example none basically sets the color to transparent…

    dgluzband
    Member

    @dgluzband

    There’s a super easy way that I used for custom headers. Find the header_images folder (in the images folder of the theme you uploaded) and just replace the images that are already there with your new custom headers. If they have the same file name, you shouldn’t have to delve much into the code at all. Hope that helps, it worked for me!

    Or you can do that if it’s easier for you…

    johnthomas19
    Member

    @johnthomas19

    Awesome! Simply adding the image to the theme images folder, deleting the orginal header, and renaming my new header to match the old deleted one worked perfectly.

    Thank you so much!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Adding a Custom Header Image?’ is closed to new replies.