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.
- Tall header – 960 x 287 px
- Short header – 960 x 144 px
- Landing page – 473 x 297 px
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
- Save to this page only
- Save to selected pages
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:
- All the existing pages with short header layout will be changed with that image
- Any new short header page created will have that image by default
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.