Title: Changing Header on Custom Theme
Last modified: August 21, 2016

---

# Changing Header on Custom Theme

 *  Resolved [GmanUSA](https://wordpress.org/support/users/gmanusa/)
 * (@gmanusa)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/changing-header-on-custom-theme/)
 * I’m trying to help a friend change his header on this site at [http://coachingprosperityschool.com](http://coachingprosperityschool.com)
 * Basically it is the same header, just with a different name and a slightly different
   photo of him. The revision was done by a professional graphics designer and I
   have already uploaded the new .jpg version to my WP media library.
 * I am a total newbie with css. From what I’ve researched, I thought all I had 
   to do was exchange the “images/oldheader.jpg” with “images/newheader.jpg” (where
   newheader is the name of the new header jpg file), and save it and it would take.
   But it does not change to the new header at all when I preview site. What am 
   I doing wrong?
 * Here is the current header code:
 * /* begin Header */
    div.art-header { margin: 0 auto; position: relative; width:
   100%; height: 146px; margin-top: 0; margin-bottom: 0; }
 * div.art-header-clip
    { position: absolute; width:100%; left:0; overflow:hidden;
   height:146px; }
 * div.art-header-jpeg
    { position: absolute; top: 0; left:0; width: 780px; height:
   146px; **background-image: url(‘images/header.jpg’);** background-repeat: no-
   repeat; background-position: center center; } /* end Header */
 * I put the line in question in bold. Can anyone tell me what I’m doing wrong? 
   Thank you very much for any and all help!
 * _[Please ensure that you are embedding links correctly in your posts.]_

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

 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/changing-header-on-custom-theme/#post-4096047)
 * Try using the absolute URL for the new image in that CSS line. The media uploader
   doesn’t upload to that file.
 *  Thread Starter [GmanUSA](https://wordpress.org/support/users/gmanusa/)
 * (@gmanusa)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/changing-header-on-custom-theme/#post-4096051)
 * WPyogi, so what would be the correct format? Example, the url is
    [http://coachingprosperityschool.com/wp-content/uploads/Chandler_coaching_header.jpg](http://coachingprosperityschool.com/wp-content/uploads/Chandler_coaching_header.jpg)
 * so would that line of code be:
 * background-image: url(‘coachingprosperityschool.com/wp-content/uploads/Chandler_coaching_header.
   jpg’);
 * sorry, I am a total and complete noob at this
 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/changing-header-on-custom-theme/#post-4096053)
 * You need to use that entire (working) link – this:
 *     ```
       background-image: url(http://coachingprosperityschool.com/wp-content/uploads/Chandler_coaching_header.jpg);
       ```
   
 *  Thread Starter [GmanUSA](https://wordpress.org/support/users/gmanusa/)
 * (@gmanusa)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/changing-header-on-custom-theme/#post-4096055)
 * That did it! Thank you SO MUCH for your help 🙂
 * Now I just have to debug my Ajax calendar plug in; trying to find out why it’s
   not displaying properly on the widget sidebar. I just need to go through their
   documentation more thoroughly.
 * Thanks again!

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

The topic ‘Changing Header on Custom Theme’ is closed to new replies.

## Tags

 * [changing header](https://wordpress.org/support/topic-tag/changing-header/)
 * [header](https://wordpress.org/support/topic-tag/header/)

 * 4 replies
 * 2 participants
 * Last reply from: [GmanUSA](https://wordpress.org/support/users/gmanusa/)
 * Last activity: [12 years, 8 months ago](https://wordpress.org/support/topic/changing-header-on-custom-theme/#post-4096055)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics