How to Add a Header Image

With Period Pro you can add a header image to the top of your site.

In this article

How to Add a Header Image

To add a header image:

  1. Visit the Customizer (Appearance → Customize)
  2. Click on the Header Image section
  3. Click the Select Image button
  4. Use the media manager to upload a new image or select an existing image, and click the Choose Image button
  5. Click the Save & Publish button to save your header image

How to Customize Your Header Image

There are four controls for customizing the appearance and functionality of your header image.

Responsive VS Fixed Height

If you want your header image to be shorter on mobile devices, and taller on desktops, select the Responsive option.

If you want your header image to be the same height on all devices used to view your site, select the Fixed height option

Adjust the Height

You can increase/decrease the height of the header image with the height slider.

Slide it to the left to decrease the height of the header image, and to the right to increase the height:

Link to Homepage

You can link the header image to your homepage with the Link Header Image to homepage? option:

Note: linking the header image simply means visitors can click on it to return to your homepage.

Show on the homepage only

If you want a header image, but you only want to show it on the homepage, you can do this with the Show Header Image on homepage only? option:

Additional Resources

  • Period WordPress Theme

    Download a copy of the latest version of Period.

  • Support forum

    Ask questions and find existing solutions in the support forum.

  • Changelog

    Review recent and past updates to Period.

  • Period on Github

    Review Period's commit history and project files on Github.

  • WordPress Resources

    Check our recommended resources to find great plugins and solutions for your site.


    We can help you with minor changes on your site, but if you need a highly customized version of Period, we recommend finding help through Codeable.

  • WordPress Tutorials

    We've published nearly 100 tutorials for using WordPress. Head over to the blog and search for any WP-related topic you need help with.

  • Create Your Site

    If you've never made a WordPress site before, follow along with our step-by-step guide for creating, customizing, and launching your first website.