Title: Adding image to header
Last modified: August 19, 2016

---

# Adding image to header

 *  Resolved [nick-forest](https://wordpress.org/support/users/nick-forest/)
 * (@nick-forest)
 * [16 years, 11 months ago](https://wordpress.org/support/topic/adding-image-to-header-3/)
 * I’ve designed a simple four page site using the default template. Everything 
   is fine but I would like to add two pictures to the header or, better still, 
   upload a single image from photoshop to cover the header.
 * I’ve tried following the instructions in Designing Headers relating to Changing
   the Header Image but when I open the header.php as instructed I don’t get the
   code that the instructions say I should get. Am I doing something wrong or are
   the instructions maybe out of date as I am using the 2.7.1 version of wordpress.
   Can anyone throw any light on this or point me in the direction of more easy 
   to follow instructions?
 * Alternatively, could anyone suggest a different theme which is pretty much the
   same as the simple default theme but which makes it easier to isert images in
   the header.
 * Any help would be much appreciated as I’m stumped.

Viewing 6 replies - 1 through 6 (of 6 total)

 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [16 years, 11 months ago](https://wordpress.org/support/topic/adding-image-to-header-3/#post-1065115)
 * You need an image that is 192px high x 740px wide. Rename the new image `kubrickheader.
   jpg`, then upload it to the theme’s images folder. It should then be picked up
   by the theme’s CSS automatically.
 *  Thread Starter [nick-forest](https://wordpress.org/support/users/nick-forest/)
 * (@nick-forest)
 * [16 years, 11 months ago](https://wordpress.org/support/topic/adding-image-to-header-3/#post-1065125)
 * Thanks. I’ll try that. I’ve been trying to follow the instructions from ‘Changing
   the header image’ which said I should go into the the header.php and change replace
   kubrickheader.jpg with the name of my new graphic, but I can’t see kubrickheader.
   jpg anywhere. I’ve pasted in the code below. Will your approach work with this
   php code.
 * <?php
    /** * [@package](https://wordpress.org/support/users/package/) WordPress*
   @subpackage Default_Theme */ ?> <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 
   Transitional//EN” “[http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt](http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt);
   <html xmlns=”[http://www.w3.org/1999/xhtml&#8221](http://www.w3.org/1999/xhtml&#8221);
   <?php language_attributes(); ?>>
 * <head profile=”[http://gmpg.org/xfn/11″&gt](http://gmpg.org/xfn/11″&gt);
    <meta
   http-equiv=”Content-Type” content=”<?php bloginfo(‘html_type’); ?>; charset=<?
   php bloginfo(‘charset’); ?>” />
 * <title><?php wp_title(‘«’, true, ‘right’); ?> <?php bloginfo(‘name’); ?></title
   >
 * <link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_url’); ?>” type=”text/
   css” media=”screen” />
    <link rel=”alternate” type=”application/rss+xml” title
   =”<?php bloginfo(‘name’); ?> RSS Feed” href=”<?php bloginfo(‘rss2_url’); ?>” /
   > <link rel=”alternate” type=”application/atom+xml” title=”<?php bloginfo(‘name’);?
   > Atom Feed” href=”<?php bloginfo(‘atom_url’); ?>” /> <link rel=”pingback” href
   =”<?php bloginfo(‘pingback_url’); ?>” />
 * <style type=”text/css” media=”screen”>
 * <?php
    // Checks to see whether it needs a sidebar or not if ( !empty($withcomments)&&!
   is_single() ) { ?> #page { background: url(“<?php bloginfo(‘stylesheet_directory’);?
   >/images/kubrickbg-<?php bloginfo(‘text_direction’); ?>.jpg”) repeat-y top; border:
   none; } <?php } else { // No sidebar ?> #page { background: url(“<?php bloginfo(‘
   stylesheet_directory’); ?>/images/kubrickbgwide.jpg”) repeat-y top; border: none;}
   <?php } ?>
 * </style>
 * <?php if ( is_singular() ) wp_enqueue_script( ‘comment-reply’ ); ?>
 * <?php wp_head(); ?>
    </head> <body> <div id=”page”>
 * <div id=”header”>
    <div id=”headerimg”> <h1>/”><?php bloginfo(‘name’); ?></h1
   > <div class=”description”><?php bloginfo(‘description’); ?></div> </div> </div
   > <hr />
 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [16 years, 11 months ago](https://wordpress.org/support/topic/adding-image-to-header-3/#post-1065131)
 * > Will your approach work with this php code.
 * That code doesn’t reference the header image itself, just the page graphic, so–
   yes it should do.
 *  [blainn13](https://wordpress.org/support/users/blainn13/)
 * (@blainn13)
 * [16 years, 11 months ago](https://wordpress.org/support/topic/adding-image-to-header-3/#post-1065156)
 * I’m having the same problem, only I’ve applied this solution, and done some tweaking
   to the style sheet for the theme so I can get the header the way I want. It shows
   up properly when I look under “Header Image and Color,” but it doesn’t show up
   on the blog — neither the altered image, nor the change in the style sheet. It’s
   as if the blog is running from a cached copy of these documents.
 * I’m running 2.5 because that’s what my web host has, and I haven’t worked out
   with them if I can just upgrade it on my own or not.
 *  [blainn13](https://wordpress.org/support/users/blainn13/)
 * (@blainn13)
 * [16 years, 11 months ago](https://wordpress.org/support/topic/adding-image-to-header-3/#post-1065157)
 * And I just reloaded the blog, and the altered image is now loading. But the style
   sheet isn’t. I’m probably needing to be in a different topic.
 *  [blainn13](https://wordpress.org/support/users/blainn13/)
 * (@blainn13)
 * [16 years, 11 months ago](https://wordpress.org/support/topic/adding-image-to-header-3/#post-1065230)
 * Final post on this — I edited the style.css sheet and everything is fine now.
   It’s all good.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Adding image to header’ is closed to new replies.

 * 6 replies
 * 3 participants
 * Last reply from: [blainn13](https://wordpress.org/support/users/blainn13/)
 * Last activity: [16 years, 11 months ago](https://wordpress.org/support/topic/adding-image-to-header-3/#post-1065230)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics
