Singapore & Australia # 1 for Web Hosting & Domains
SG: +65 6914-7888   AU: 1300-863-436 Asset 1colo Help
Vodien Logo
  1. Home
  2. Knowledge Base
  3. CMS
  4. How to Update WordPress Banner and Footer

How to Update WordPress Banner and Footer

The website banner and footer complete the theme of your websiteIt’s important that these are customised to make your website more relevant and professionalThe functionalities herein are based on WordPress 5.7 and the availability of the options are based on your activated WordPress theme. You can also follow the instructions on adding a Header and Footer plugin.

Banner is an informative or a promotional photo about your business. This is part of the header that can be found either right above or below the menu bar. 

Footer is the counterpart of the header found at the bottom of the page. This is where the theme provider’s name is displayed by default.

Important Note: Make sure this process is done overnight when there are least expected visitors on the website. Do the preparations listed below before applying changes to your website:  

  • Secure a backup of WordPress website files. 
  • Secure a backup of WordPress database SQL file. 
  • Check the details of the new version and make sure that it is compatible with the current WordPress version you are using.

All steps provided are done in WordPress dashboard. Before anything else, log in to your WordPress dashboard via the link (replace with the domain of your website) or on any of the methods below depending on your web hosting plan.  

Updating WordPress Website Banner

You can add an image that goes right above or below the menu bar of your website. It is the highlighted image in the screenshot below.  

Highlighted Header in a WordPress Site

Follow the steps below on how to add a banner or header image on your WordPress website.  

Step 1. In your WordPress dashboard, click Appearance on the menu bar at the left side of the page. 

Appearance Option in WordPress

Step 2. Click Header

Header Option Under Appearance

Step 3. A video or an image can be uploaded on the header. Hover on each tooltip to learn more.  

Note: This article teaches you how to upload multiple header images. It’s still up to you if you upload a video, an image, or multiple images.

Step 4. Click the Add new image button each time you need to add an image.

  Add New Image Button in WordPress Header

Step 5. Click the Select Files button if the images are yet to be uploaded. Otherwise, proceed to Step 8

Tip: Resize your image to the recommended dimensions shown on the screen before uploading.

Select Files for Header in WordPress

Step 6. Select the image/s from your computer. 

Select File From Your Home Directory

Tip: Hold the ctrl key on your computer while clicking multiple images to upload them all at once. 

Step 7. Click the Open button to start the upload.  

Step 8. Select and crop the images one at a time by clicking the Select and crop button.

Select and Crop WordPress Header Button

Step 9. Adjust the crop marks and click Crop image to crop the selected area or click Skip cropping if there’s no need to crop the image.  

Skip Cropping Button for WordPress Header

Step 10. Click the Randomize uploaded headers button to randomly show all uploaded images on the header one at a time. 

Randomize Uploaded Headers Button in WordPress

Step 11. Click the radio button that corresponds to the banner display position and tick the box if the banner should redirect to the homepage of your website.  

Select Display Position of Banner

Step 12. Click the Publish button to save and publish the changes. 

Publish Header Button in WordPress

Access your website and verify the changes made to the banner of your website.  

Most of the themes have the footer with the theme provider’s information as shown in the screenshot below. It’s best that this is replaced by your website’s information so that your website looks more professional.  

Default Footer in a WordPress Theme

Follow the steps below on how to update a WordPress website footer.  

Step 1. In your WordPress dashboard, click Appearance on the menu bar at the left side of the page. 

Appearance Option in WordPress

Step 2. Click Customize 

Customize Option in WordPress

Step 3. Click the Footer Bottom button.  

OceanWP Theme Footer Bottom Option in WordPress

Note: Not all WordPress theme has this option. It depends on the theme if they allow the editing of the footer or not. 

Step 4. Enter the text in the box provided for your new footer.  

Enter New Footer Message in the Box

Step 5. Make adjustments on the padding and colors. Click Publish when done to save the changes.  

Publish Button for WordPress Footer

Access your website and verify the changes made to the footer of your website. 

New Footer Message in WordPress

Please don’t hesitate to contact our 24/7 Singaporeor Australia Support Team if you have further questions.   

(Visited 662 times, 1 visits today)
Updated on November 24, 2022

Was this article helpful?

Related Articles