InMotion Hosting Support Center

Modern WordPress themes have the capability to edit the header, footer and other theme areas within the Appearance section of the WordPress dashboard. This article will explain how to change the banner in the header of your WordPress site. The Theme we will use in this example is the "Twenty Twelve theme". Other themes use the same steps to edit the banner.

Optimize your WordPress websites by using InMotion Hosting's WordPress Hosting solution.

Steps to Change the Header Banner

  1. Log into the WordPress Dashboard.
  2. Select the header WordPressNavigate to Appearance > Header.
  3. Upload the new banner WordPressTo upload a new banner, click the browse button. Find your banner on your local computer and click the upload button.

    Important! Keep in mind the banner must be made to the size the Theme requires. In this example, the Twenty Twelve theme requires the size to be 960px wide by 250px height. Each theme will have their own image size requirement. Note: The option to modify the header in the theme depends on the theme that you are using. Some themes do not have a header, so you will not see the option in the menu.

  4. Crop the image WordPressYou will be taken to the Crop Header Image page. You can adjust the size of the image and click Crop and Publish. You can also skip the Cropping and Publish the image as is.
  5. The new banner will show as a selection WordPressYou will see the preview of the site with the banner.

    Save the Changed WordPressClick Save changes at the bottom of the page.

    WordPress with new bannerNow your custom banner will show in the header of your WordPress.

Was this article helpful?
Continued Education in Course 105: Changing the Wordpress Appearance
You are viewing Section 7: How to Change the Header Banner Image in WordPress
Section 6: Using the Kitchen Sink in WordPress
Section 8: How to Remove the WordPress Footer Branding

Related Questions

Here are a few questions related to this article that our customers have asked:
Ooops! It looks like there are no questions about this page.
Would you like to ask a question about this page? If so, click the button below!
Ask a Question

Forum Login

You are NOT logged in. You can still browse our Support Center.

To participate within our Community Support Forum:

n/a Points
2018-03-09 3:25 pm

Under "appearance" I only have a "footer" edit.  Ther is no "header" button?

3,862 Points
2018-03-09 3:37 pm
Unfortunately, this article is outdated. Newer versions of WordPress and sometimes particular themes may have this option elsewhere. Most commonly, you should be able to go to the Appearance > Customize then from the Customizer options, select Header or Advanced Settings > Header. It really depends on the theme and WordPress version. I hope this helps though!

Carlos D

Post a Comment

Email Address:
Phone Number:

Please note: Your name and comment will be displayed, but we will not show your email address.

3 Questions & Comments

Post a comment

Back to first comment | top

Need more Help?


Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail:
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!