Edit a page: sections, words, photos and style

1. Go to Website and press Edit site.
2. On the left are your Pages, your Activity pages, the parts on every page (Header, Footer and Category page), and the Sections of the page you are on.
3. In the middle is your page as a visitor sees it. Switch between Computer, Tablet and Phone at the top.
4. On the right are three tabs: Section changes what you selected, Design changes your colours, fonts and style, and Page holds the page's name, address and search details.

Along the top are Undo and Redo, Saved to your draft, History, Assistant, Preview and Publish.

1. Click a section on the page, or its name under Sections.
2. A small toolbar appears on it: move up, move down, duplicate, hide from the live site, delete, and Ask about this.
3. To move a section further, drag the handle beside its name under Sections.

The ⋯ beside the section's name in the right panel has Duplicate, Copy, Save section…, Hide from the live site and Delete section. The ⋯ beside a section in the list on the left has Duplicate, Hide from the live site and Delete. A hidden section stays in your draft; Show on the live site brings it back.

Keyboard shortcuts work too (Ctrl instead of ⌘ on Windows): ⌘C and ⌘V copy and paste a section, onto any page, ⌘D duplicates it, and Esc stops selecting.

1. Select the section and press Change beside its photo. The media library opens.
2. Search your photos, or show All photos, Used on your site or Not used yet.
3. Press Upload to add photos: JPG, PNG or WebP, up to 25 MB each.
4. Choose a photo. Drag the circle onto what matters, so it stays in frame on every screen.
5. Describe the photo for people who can't see it. A photo needs a description before you can use it.
6. Press Use this photo, or Cancel.

Back in the section, Focal point shows what stays in view, with a small crop On a computer and On a phone.

On a phone, tap Replace photo on the page. Press Take a photo or Your photos, drag the circle onto what matters, and fill in Describe the photo.

Every section has a Background setting except the hero, the header, the footer and an activity page's live part, which have photo settings of their own or none. With a photo, the section runs edge to edge.

1. Select the section. Under Background, choose Photo and pick a picture.
2. Use Darken the photo to keep the words readable. If the words are hard to read on your photo, Seascape says where and offers to darken it just enough.
3. Height makes the section fit its words, tall, or the full screen.

The editor's Design tab changes every page at once.

1. In the editor, open the Design tab on the right.
2. Look gives you a starting point (Reef, Blue Hole or Caye).
3. Set your Primary, Accent, Background and Text colours.
4. Choose your Fonts: a heading font and a text font.
5. Set Corners (from Square to Pill), Buttons (Filled, Outline or Soft) and Spacing (Compact, Normal or Airy).
6. Under Colour schemes, choose the style of each section on the page.

If a colour would leave some writing hard to read, Seascape tells you and keeps your colour, using a readable shade where it is needed.

If your website uses a design system, a change here changes that design system, the same one Settings → Brand and the Design systems page show. Your design systems explains them.

On a phone you can change words and photos, and publish.

1. Open Website on your phone and press Edit site.
2. Tap a pin on the page, such as Edit heading or Replace photo.
3. Change the words or the photo, then press Save, or Cancel.
4. Press Publish at the top when you are ready.