There is no Header Image option in Appearance → Customize
https://gyazo.com/7ae1ae1e65a990cf60f523236489dace

I have tried:

Disabling ALL plugins (yes, ALL)
Unmodified default themes that allegedly support Custom Header Image

…and the result is the same.

Any suggestions anyone?

There is no Header Image option in Appearance → Customize
https://gyazo.com/7ae1ae1e65a990cf60f523236489dace

I have tried:

• Disabling ALL plugins (yes, ALL)
• Unmodified default themes like 2019

…and the result is the same.

Any suggestions anyone?

register_default_headers(
		array(
			'spring' => array(
				'url'           => '%2$s/images/headers/spring.jpg',
				'thumbnail_url' => '%2$s/images/headers/spring-thumb.jpg',
				/* Translators: Header image description. */
				'description'   => __( 'Spring Song default header', 'spring-song' )
			)
		)
	);

But is should be

register_default_headers(
		array(
			'spring' => array(
				'url'           => '%2$s/images/headers/spring.png',
				'thumbnail_url' => '%2$s/images/headers/spring-thumb.png',
				/* Translators: Header image description. */
				'description'   => __( 'Spring Song default header', 'spring-song' )
			)
		)
	);

I’m working on a site where the single pages and posts should have a full size header image just as on the home page. However to improve the usability, the single pages and posts should automatically load on the content part of the page/post so whoever is using the site doesn’t have to scroll over the whole header image every time they visit a new page or post.

I have no idea how to do this, apart from figuring out it should be done with javascript (which I have little to no experience/knowledge with). I’ve read through the jquery.scrollTo.js file and I have a feeling I should be using that to construct a function, but I have no idea how to go about it. I guess I should be targeting the .site-content-contain div in the individual page.php and single.php files? But other than that I’m in the dark.

Does anyone of you maybe have a solution to this, or is it maybe even possible to do with just css?

Thanks for your help in advance!

I’ve been browsing the forum for a clean solution but I could not find it. Can anyone explain to me how I can use a custom image for each page?

I read somewhere online that the easiest way to do that was to add a header-about.php file (for a custom header for the ‘about’-page) and then change the page.php’s code to use that file if browsing the about-page. This seems to work but only provides half the solution as now I have no clue what php-code I should put in that new header-about.php file.

I am looking for:

a.) the easiest way to get a custom header image for each page
b.) to display the title of that page over the header image (instead of at the top of the page itself).

Additionally, I am also looking for a way to display my custom logo – which is now displayed over the header-image at the start of my navigation menu. But that might be an issue for another topic.

Could someone please help? I am working with the twenty-seventeen theme.

Additionally, I would like to fix it for the mobile and tablet versions. I know how to create a media query, but just need to know how to specify placement.

(I know very little about CSS, but can understand it conceptually and can follow instructions.)

I am trying to adjust the height parameter on Single Pages in the twenty seventeen theme to match the height of the Static Home Page header image.

Right now, the Static Home Page displays my customer header image at full(er) height:
https://ibb.co/cUp5DF

And the single page template display the same customer header image at a narrowly cropped height:
https://ibb.co/nAXstF

I’m able to edit the CSS/PHP/code in various spots, but I’m not sure about how these heights are defined within this theme. I believe it has something to do with the filters used.

Can someone provide an idea of which declaration/function I can add/edit to change the height of the image on the Single Page so that it displays as tall as it does on the Static Home Page?

Thank you!

I understood that meant the custom header image could be 1080px wide at any height.

However, when using a 1080px x 304px image, the Customizer restricts the image to about half that width in the “Crop Image” dialog.

Did I misunderstand what the size of the custom header image should be?