WordPress.org

Ready to get started?Download WordPress

Forums

Adding a Custom Header Image? (8 posts)

  1. johnthomas19
    Member
    Posted 4 years ago #

    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

  2. Chris_K
    Member
    Posted 4 years ago #

    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.

  3. johnthomas19
    Member
    Posted 4 years ago #

    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,

  4. johnthomas19
    Member
    Posted 4 years ago #

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

    Thanks,

  5. t31os
    Member
    Posted 4 years ago #

    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...

  6. dgluzband
    Member
    Posted 4 years ago #

    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!

  7. t31os
    Member
    Posted 4 years ago #

    Or you can do that if it's easier for you...

  8. johnthomas19
    Member
    Posted 4 years ago #

    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!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.