# Edit a page: sections, words, photos and style

> Select, move or hide a section, change words and photos, put a photo behind a section, change colours and fonts, and edit on your phone.

Checked 10 November 2026 · https://docs.seascape.bz/website/edit-a-page

The editor is where you change what is on each page. Everything you do saves to your draft as you go, and your live site changes only when you press **Publish**.

## The editor's three parts
1. Go to [**Website**](https://app.seascape.bz/dashboard/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**.

![The website editor with nothing selected](https://docs.seascape.bz/img/website/web-edit-editor.19c23e0238.webp)
*Pages and sections on the left, your page in the middle, the Section tab on the right.*

## Select, move, hide or remove a section
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 hero selected, with its toolbar on the page and its words on the right](https://docs.seascape.bz/img/website/web-edit-section-selected.db425a08df.webp)
*The hero selected: its toolbar on the page, its words and layout on the right.*

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.

## Change the words on a page
**On a computer**
1. Select the section. Its words are in the **Section** tab on the right, under **Content**.
2. Type your changes. They save to your draft as you type.
3. Or click a heading or paragraph on the page and type there. A small toolbar sets bold, italic, a list or a link. A link can go to a page on your site, your booking page, a web address, an email address or a phone number.
4. Press Esc to stop typing.

**On a phone**
1. Open **Edit site** on your phone. The page shows pins on the words and photos you can change.
2. Tap a pin, such as **Edit heading** or **Edit text**.
3. Change the words, then press **Save**, or **Cancel**.
4. **Next to edit in this section** takes you to the next words or photo.

## Change a photo, and use the media library
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**.

![The media library, opened from Change on a photo](https://docs.seascape.bz/img/website/web-edit-media-library.61322ec694.webp)
*The media library, opened from Change on a photo.*

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**.

## Put a photo behind a section
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 Background setting on a Text section](https://docs.seascape.bz/img/website/web-edit-background.1d2527dfdf.webp)
*The Background setting: None or Photo.*

## Change colours, fonts and style for the whole site
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.

![The Design tab: your four colours, then fonts](https://docs.seascape.bz/img/website/web-edit-design-tab.f753ca1b18.webp)
*The Design tab: your four colours, then fonts.*

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](https://docs.seascape.bz/website/design-systems) explains them.

## Edit from your phone
On a phone you can change words and photos, and publish.

> [!CAUTION]
> Saving words on a phone keeps the words and removes their bold, links and lists. Change those on a computer.

1. Open [**Website**](https://app.seascape.bz/dashboard/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.

![On a phone: tap a pin, change the words, then Save](https://docs.seascape.bz/img/website/web-edit-phone.f2fe6dfd79.webp)
*On a phone: tap a pin (left), change the words, then Save (right).*

> [!NOTE]
> Adding, moving and styling sections needs a computer.