Page Header Section

Learn how to add a full width image block section with centered text title displayed at the top of the page

Updated over a week ago

Step 1 - Background

There are 2 ways to assign a background image to the header section:


Option #1 - Individually upload an image for each header section of a page

You can do this if you want to use different page header images on different website pages.
โ€‹
If for example, you only changed the header image of the Homepage and the About page, the other pages will display the default image you assigned on the Design tab. If you did not assign a default image, the default system image will be displayed.

To individually upload a header image:

  • Go to Content tab and select a page on the dropdown list (e.g. Custom page).

  • Click Page header section.

  • Click the camera icon then upload a background image.

  • Adjust the image transparency, increasing the transparency darkens the image

Option #2 - Assign a Default Header Background Image
โ€‹
You can set this up if you want to have the same background image for the headers of all your pages. If you want some sections to use another image, you can do Option #1.

To set this up:

  • Go to Design tab and select a page on the dropdown list (e.g. Custom page).

  • Scroll to the bottom to go to "Default Images" section.

  • Click the camera icon under "Page header section image" and upload image.

Step 2 - Image Height

The page header image height size can be adjusted to small, medium, or large.

Step 3 - Page Title

Give your page a name


Step 4 - Don't forget to save your work!

Did this answer your question?