Add Different Header Images for Different Weebly Pages

Weebly Header Image

The size of the header image in a Weebly page depends on the page layout you choose. Following are the default page layouts available which can be selected either the time of page creation or by clicking the settings button on the header image.

It is not necessary to have a same header image for all the pages of your site. Weebly offers a default function to add different header images to different pages of your site without modifying source code of the theme. This article explains the function in detail.

Step1 – Uploading Header Image

Select any of the page layout options other than no header (No header page will not have any header section). Move your mouse over the header image and click on the “Edit Image” button.

Weebly’s integrated image editor tool imageperfect will open. Click on the “Add Image” button to add your own header image. You should have a suitable image of the selected layout size for landing page, tall header or short header. Though most of the Weebly themes use the following default sizes for the header images, you can crop or expand the image to fit the space.

Use the available options to edit your image if you want to merge your image with your site content and layout.

Step2 – Save Options

Once you have done editing then click on the “Save” button. You will see the following three options:

Save to all pages

For example, if you selected a header image in a short header page and choose the option save to all pages then the followings will happen:

Save to this page only

This option helps to save the header image only to that particular page. In this way you can customize each page of your Weebly site with different header images.

Save to selected pages

The last option is to save the image for selected pages. For example, if you uploaded an image in a landing page layout and choose this option then you will see a popup as shown like beside.

The checkbox against all the landing pages of your site will be open for selection and all other pages will not be available for selection. You can choose the landing pages you wanted to add that header image. This method will be useful if you want to add a customize header image for same type of particular pages in group.