The theme includes various options for modifying the site header image and title position.
Heading Image Height
The height of the Heading Image can be set as a percentage of the screen height in the WordPress Customiser.
Site-wide Default Heading Image
The theme design includes a full width heading image sitting below a fixed menu bar.
By default, this is an image in the theme’s images folder, with the option to set a different image using the WordPress customiser.
Note that limitations in the way WordPress uses customiser-set Heading Images mean that there are performance benefits in using the version in the theme’s images folder. If you are able to upload files to your theme (using a file manager or ftp transfer) it is better to change the image manually. In this case, the image should be uploaded to the theme’s images folder in 3 sizes:
- heading.jpg (1920 x 1080px)
- mid-heading.jpg (1200 x 675px)
- small-heading.jpg (720 x 405px)
Page Heading Image
There is an option on Pages and Posts to set a custom header image for that page or remove the header image.
When using a custom image, there are additional options to set the image to full width (like the default heading image), wide (the same width as Wide Width content blocks) or narrow (the width of standard blocks). And the focus of the image can be set as top, centre or bottom, so that cropping of the image retains that area of the image.
To replace a custom image previously selected, hover over the image in the sidebar and click the cross icon to remove the current image. You can then click Add Image and select a new image from the site’s Media Library or upload one from your computer.
Pages and Posts have the option to place the page title overlaid on the heading image, above the content in the narrow or wide position, or to hide the title. Unfortunately the WordPress editor does not yet reflect the Title position selection within the editor, but the effect of your setting choices can be seen in Preview.
Notes on Heading options:
On Category listing pages there is an additional Wide or Narrow option for any Into text, unless the title position is set to Narrow which will automatically set the Intro text to Narrow.
If the front page is set as the “blog” page, it is not an editable page so will use the default heading image with no page title. Some templates may also exclude Heading options.