Setting a Hero Image

Sets the large visual that appears at the top of your homepage.

The hero image is the main visual shown at the top of your homepage.

  1. Enter Edit Mode.
  2. Click the hero image thumbnail.
  3. Upload an image by pressing the + button -- this will also add the image to the Media Library.
  4. Enter Preview mode to see your website with the hero image.

For best results: - Use 16:9 landscape images. - Avoid heavily compressed images. - Make sure text remains readable over the image.

Identity

Set your title, logo, favicon, hero image, colors, and theme.

Changing Your Color Palette

Updates the colors used across your entire site in one place.

Your color palette controls the visual identity of the entire site. Changing a palette value updates all linked elements automatically.

  1. Click on Sites in the Nav bar.
  2. Click on Configure.
  3. Scroll down to find the Colors section.
  4. Click on the color swatch to open the color picker.
  5. You can update the fields for: Body, Primary, Secondary, Accent.
  6. Click Save.

Separate values are automatically configured for light mode and dark mode. Changes apply immediately across the site.

Media

Upload files to your Media Gallery and reuse them anywhere on your site.

Uploading to the Media Library

Adds files to your Media Gallery so they can be used anywhere on your site.

The Media Library is your central storage hub for every image and file on your site. Once a file is uploaded here, it can be reused across any page or section without uploading again.

  1. Click on Sites in your top navigation bar, then select Media from the drop-down menu.
  2. On the Media page, you will see a rectangular box surrounded by dotted lines.
  3. Choose your files:
  • Drag and Drop: Grab files from your computer and drop them directly into the dotted box.
  • Click the box: This opens your computer's file picker to select your files. 4. You can select one or multiple files at once. Click Upload to add them to your library. 5. Rename (Optional): Once uploaded, you can edit the File Name directly in its text area. If you change a name, you must click Save for the change to stick.

Recommended practices:

  • Use descriptive filenames. Instead of 'IMG_1234.jpg', use 'Blue-Container-Lab.jpg'.
  • Optimise image sizes before uploading to the dimensions they will actually appear on screen.
  • Avoid large files. Aim for a balance between quality and file size.

Pro Tip: Because the library is shared across the whole site, you only need to upload your company logo or common icons once. When you want to use them again, just select them from the library.