Introduction
Many WordPress themes allow you to display a header image at the top of your website.
Header images can be used for:
- Business branding
- Promotional banners
- Service highlights
- Hero images
- Company photography
This guide explains how to change the header image in WordPress.
Step 1 – Log Into WordPress
Open your browser and visit: https://yourdomain.co.za/wp-admin
(Replace yourdomain.co.za with your own domain name.)
Enter your WordPress username and password.
Click: Log In
Step 2 – Open Theme Customization
From the WordPress Dashboard
Click: Appearance
Then click: Customize
If your website uses a Block Theme:
Click: Appearance
Then click: Editor
Step 3 – Locate the Header Settings
Depending on your theme, the option may be called:
- Header Image
- Header
- Site Header
- Hero Section
- Banner Image
Locate the appropriate section for your theme.
Step 4 – Upload a New Header Image
Click: Add New Image
or
Click: Change Image
Select an image from the Media Library or upload a new image from your computer.
Step 5 – Adjust the Image
Some themes allow you to:
- Crop the image
- Adjust image positioning
- Set image alignment
- Configure image display options
Adjust these settings if required.
Step 6 – Preview the Changes
Review the website preview.
Confirm that:
- The image displays correctly.
- Important parts of the image are visible.
- Text remains readable.
- The image displays correctly on mobile devices.
Step 7 – Save the Changes
Click: Publish
Your new header image will now be displayed on your website.
Recommended Header Image Sizes
The ideal size depends on your theme.
Common examples include:
- 1920 x 600 pixels
- 1920 x 800 pixels
- 1920 x 1080 pixels
Refer to your theme documentation for recommended image sizes.
Best Practices
When choosing a header image:
- Use high-quality images.
- Keep file sizes reasonable.
- Ensure text remains readable.
- Use images relevant to your business.
- Optimize images before uploading.
Common Problems
Header Image Appears Cropped
Try using an image with dimensions recommended by your theme.
Image Looks Blurry
Upload a higher resolution version of the image.
Header Does Not Change
Clear your browser cache and any website caching plugins.
Cannot Find Header Image Settings
Some themes do not support header images.
In these cases, the image may be managed through:
- Theme Options
- Page Builder Settings
- Theme-Specific Controls
Conclusion
A well-designed header image can improve the visual appeal of your website and help reinforce your brand identity.
Regularly updating your website imagery can keep your website fresh and engaging for visitors.
