Title: Header Image
Last modified: April 27, 2020

---

# Header Image

 *  Resolved [alekmisjen](https://wordpress.org/support/users/alekmisjen/)
 * (@alekmisjen)
 * [6 years ago](https://wordpress.org/support/topic/header-image-303/)
 * Hello There,
    Is it possible to have different header images for different pages?
   Thanks

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

 *  [Milan Thapa](https://wordpress.org/support/users/rubick322/)
 * (@rubick322)
 * [6 years ago](https://wordpress.org/support/topic/header-image-303/#post-12741258)
 * Hi [@alekmisjen](https://wordpress.org/support/users/alekmisjen/),
 * First, you need to find the specific page ID number on the page which you want
   to apply the custom header image.
 * To discover the page id, please follow the steps below:
 * 1. Navigate in your browser to the page you want to work with.
    2. Right-click
   on that page (anywhere) and select “Inspect Element“. 3. Search inside the site’s
   markup for the body tag. It should be one of the first element in the source.
 * You’ll see it has many classes. Look for the class that starts with “page-id-…”.
   That’s the class you should use.
 * You can check [THIS ](https://www.youtube.com/watch?v=BPl1Ck5JZ8U&feature=youtu.be)
   video guide.
 * And now add the below CSS:
 *     ```
       .page-id-53 .header-image-wrap img {
        content: url('https://res.cloudinary.com/fleurop/cmsimages2/content/newsletter/alles-ueber-blumen/valentinstag-rosenblaetter-header.jpg'); 
       }
       ```
   
 * Help link [https://docs.themegrill.com/knowledgebase/where-do-i-add-my-custom-css/](https://docs.themegrill.com/knowledgebase/where-do-i-add-my-custom-css/)
 * P.S Header image must be enabled.
 * Thanks and Regards,
    Milan.
 *  Thread Starter [alekmisjen](https://wordpress.org/support/users/alekmisjen/)
 * (@alekmisjen)
 * [6 years ago](https://wordpress.org/support/topic/header-image-303/#post-12742388)
 * Hi Milan,
    Thanks for you reply. by some reason i cant see the page-id. I use
   the servise widget for one of my pages. When im on the home page the page-id 
   is there. The problem shows when i click on the headline or read more bottom 
   that is displayed by the service widget, that opens new page. Here when i inspect
   element there is no page-id. I can also see page-id when i click read more bottom
   from the slider. and how I enable header image?
 *  [Milan Thapa](https://wordpress.org/support/users/rubick322/)
 * (@rubick322)
 * [6 years ago](https://wordpress.org/support/topic/header-image-303/#post-12748224)
 * Hi [@alekmisjen](https://wordpress.org/support/users/alekmisjen/),
 * Could you please provide the site URL so that I can see the issue first hand 
   and provide you with the appropriate solution.
 * Thanks and Regards,
    Milan.
 *  Thread Starter [alekmisjen](https://wordpress.org/support/users/alekmisjen/)
 * (@alekmisjen)
 * [6 years ago](https://wordpress.org/support/topic/header-image-303/#post-12756204)
 * I work on local server for now. I found page-id. Thanks 🙂
 * How i enable header image? Becouse i can’t see the image now. So sorryyyy i bother
   so much.
    -  This reply was modified 6 years ago by [alekmisjen](https://wordpress.org/support/users/alekmisjen/).
 *  [Milan Thapa](https://wordpress.org/support/users/rubick322/)
 * (@rubick322)
 * [6 years ago](https://wordpress.org/support/topic/header-image-303/#post-12761751)
 * Hi [@alekmisjen](https://wordpress.org/support/users/alekmisjen/),
 * You can enable the header image following below steps.
    1. Enable the Header Image from Appearance->Customize->Header Media
    2. Down below there’s Header Image, Add new image and upload
    3. Finally publish.
 * Thanks and Regards,
    Milan.
 *  Thread Starter [alekmisjen](https://wordpress.org/support/users/alekmisjen/)
 * (@alekmisjen)
 * [6 years ago](https://wordpress.org/support/topic/header-image-303/#post-12777048)
 * Hi again,
    that doesnt work for me. The header image is enabled and I use the
   code you give me previously and I can’t see different images. Its showing only
   the image that uploded throug header media. I use this code
 * .page-id-121 .header-image-wrap img {
    content: url(‘[http://localhost/wordpress/wp-content/uploads/2020/04/87578364_129555728451098_2633896296364113920_n-1.jpg&#8217](http://localhost/wordpress/wp-content/uploads/2020/04/87578364_129555728451098_2633896296364113920_n-1.jpg&#8217););}
 *  Thread Starter [alekmisjen](https://wordpress.org/support/users/alekmisjen/)
 * (@alekmisjen)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/header-image-303/#post-12926566)
 * The localhost was the problem. I have my header images on different pages.
    Thanks

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

The topic ‘Header Image’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/himalayas/1.3.5/screenshot.jpg)
 * Himalayas
 * [Support Threads](https://wordpress.org/support/theme/himalayas/)
 * [Active Topics](https://wordpress.org/support/theme/himalayas/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/himalayas/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/himalayas/reviews/)

## Tags

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

 * 7 replies
 * 2 participants
 * Last reply from: [alekmisjen](https://wordpress.org/support/users/alekmisjen/)
 * Last activity: [5 years, 11 months ago](https://wordpress.org/support/topic/header-image-303/#post-12926566)
 * Status: resolved