Individual header image for each page

Hi pfdusty

Open post new or post edit page ( page new or page edit ).

Click Screen option tab.

check Custom CSS for this entry

Custom CSS for this entry / Override header Image

Select Header Image.

Save Post ( must save post )

You can set up your own header image in each post or page.

Thank you.

it worked for the first 3 pages. After that when I tried to set the next header for the next page it changed all the following pages as well. By the time i get to the last page it only kept the first 3 and all others have the same header as the last page I saved.

3 and all others have the same header as the last page I saved.

Header image, in order to make sure that does not appear as specified,

and seven of the post, I’ve tested with seven fixed page,

it looks working properly

If possible, please tell me the URL of the WEB site ?

Go to Customise – Header Image and upload all the header images you need.
Then these appear at the bottom of each page/post edit screen for you to choose.

Nobita, the url is: https://mcintoshequine.com/

Please try

header image apply manually

Add style.css bottom

/*  No4. Lessons  */

.page-id-191 #header-image{
    background-image:url('https://example.com/your-header-image.jpg');
}

/*  No5. Contact */
.page-id-22 #header-image{
    background-image:url('https://example.com/your-header-image.jpg');
}

/*  No6. Schedule  */
.page-id-113 #header-image{
    background-image:url('https://example.com/your-header-image.jpg');
}

/*  No7. Testimonials  */
.page-id-18 #header-image{
    background-image:url('https://example.com/your-header-image.jpg');
}

/*  No8. Gallery  */
.page-id-20 #header-image{
    background-image:url('https://example.com/your-header-image.jpg');
}

/*  No9. Links  */
.page-id-26 #header-image{
    background-image:url('https://example.com/your-header-image.jpg');
}

By the way

Now default sidebar set display none for maybe create 1 column

You can use Raindrops magic rule

Try

Add editor content below with text mode

<!--[raindrops color_type="dark" col="1"]-->

Just to make sure, I go to appearance then editor and then add all of the above (with appropriate image) to the raindrops: Stylesheet (style.css). Sorry, beginner here …..

It worked. Thank you so much!