Title: Different headers… unresolved
Last modified: August 19, 2016

---

# Different headers… unresolved

 *  [pbwordp](https://wordpress.org/support/users/pbwordp/)
 * (@pbwordp)
 * [17 years ago](https://wordpress.org/support/topic/different-headers-unresolved/)
 * Hi, I would like know how to assign different images to each of my category pages(
   Home, About etc…). Some had suggested a code using codex method, the problem 
   is that I don’t know how to implement that code.
 * *If the code needs to be place in the header.php could anybody tell me exactly
   where, and wether I need to remove or replace any tags in that file? Thanks so
   much.

Viewing 1 replies (of 1 total)

 *  [jberghem](https://wordpress.org/support/users/jberghem/)
 * (@jberghem)
 * [17 years ago](https://wordpress.org/support/topic/different-headers-unresolved/#post-1098837)
 * Most of the editing you’ll be doing will be in the style.css file. The images
   will not be placed in the (X)HTML code but will be set as a background with CSS.
   Since you have not mentioned which theme you’re using nor posted the code from
   the header.php, I’ll use the code from the “Default” theme of WP.
 * Step one:
    Open the header.php and find:
 *     ```
       <div id="headerimg">
       <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
       <div class="description"><?php bloginfo('description'); ?></div>
       </div>
       ```
   
 * Change the `<div id="headerimg">` to `<div id="headerimg" class="cat_<?php single_cat_title();?
   >">`
    This means if you’re on the category page named “cars” the output of this
   is will be `<div id="headerimg" class="cat_cars">` (note this will only work 
   on the category pages not for “home” and “about” because those are “[Pages](http://codex.wordpress.org/Pages)”
   for **P**ages you will need to create [Page templates](http://codex.wordpress.org/Pages#Creating_Your_Own_Page_Templates).)
 * Step 2:
    Open style.css add for each category the corresponding code. For the
   cars category it would look something like this:
 *     ```
       .cat_cars {
       	background-image: url(images/cars.jpg);
       	width: 800px;
       	height: 100px;
       }
       ```
   
 * Naturally you may need place the image named cars.jpg in a folder named images
   and adjust the width and height to the actual dimensions of the image.

Viewing 1 replies (of 1 total)

The topic ‘Different headers… unresolved’ is closed to new replies.

## Tags

 * [categories](https://wordpress.org/support/topic-tag/categories/)
 * [different](https://wordpress.org/support/topic-tag/different/)
 * [headers](https://wordpress.org/support/topic-tag/headers/)
 * [navigation](https://wordpress.org/support/topic-tag/navigation/)
 * [pages](https://wordpress.org/support/topic-tag/pages/)

 * 1 reply
 * 2 participants
 * Last reply from: [jberghem](https://wordpress.org/support/users/jberghem/)
 * Last activity: [17 years ago](https://wordpress.org/support/topic/different-headers-unresolved/#post-1098837)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics