# Change text and images

Type over text where it sits, change images from the library, and keep every image described.

For: Everyone editing a page

## Edit text where it sits

Click a heading, paragraph or button label and type over it. The text you see is the text that publishes, so there is no second copy to keep in step. Fields with longer content, such as a page introduction, open in the inspector instead.

Lists, such as the reasons to choose you, are edited item by item: add an item, change its wording, drag to reorder. Each item keeps its own class or style, so the look stays as designed.

Walkthrough: Typing over text where it sits (The website editor)

1. **Click the words**: Type over a heading, a paragraph or a button label. There is no separate save: the text is saved as you go.
2. **Small pieces too**: Button labels and captions are text like any other. Short beats clever on a button.
3. **Saved as you type**: The indicator walks from Editing to Saving to Saved. Ctrl+S is there for peace of mind.

1. Click the text and type.
2. Use Escape or click away to finish.
3. For lists, add items from the inspector and drag them into order.

## Choose images

An image field opens the image dialog: pick from the media library, or upload new files by dropping them in. JPEG, PNG, GIF, WebP and SVG are accepted, up to 10 MB each.

Generated images sit on the same dialog under Generate, described in a sentence and produced as a starting point. Everything is stored in the workspace media library, so the same photo can be used in several places without uploading it again.

Walkthrough: Choosing and uploading images (The inspector on the Content tab, then Choosing an image)

1. **The image field**: Every picture on the page has a field like this one. Choose opens the image dialog.
2. **Library or Generate**: The library is everything the workspace has; Generate makes a starting point from a description.
3. **Reuse, do not re-upload**: One upload can appear in as many places as you like. Pick from the grid and the page updates.
4. **Use this image**: The chosen picture lands in the field, ready for its description and focal point.

Note: Upload once, use everywhere. Replacing an image in the library is not automatic on pages already using it, so change the page image where you see it.

## Describe images for screen readers

Every image has a description field, read aloud by screen readers and shown if the image fails to load. Write what the image shows in a few words: "Engineer fitting a new boiler", not "image1".

This is also the text search engines and AI assistants use to understand the picture. One sentence, no keyword lists.

Walkthrough: Describing an image for screen readers (Choosing an image)

1. **One honest sentence**: "Engineer fitting a new boiler" tells a screen reader what the picture shows. "image1" tells them nothing.
2. **Then use the image**: The description travels with it everywhere it is used, including to search engines and AI assistants.

- [ ] Text describes what is visible
- [ ] No file names like IMG_2043
- [ ] Decorative images described as decoration

## Can I paste text from Word or Google Docs?

Yes, and ordinary formatting is kept where it makes sense. Very messy formatting is stripped so the page keeps its own style.

## What sizes should images be?

At least as wide as the space they fill, commonly 1600 to 2000 pixels wide. Larger files still work, but they are only slowed down by being large.

## Related guides

- [Images and media](/help/brand-and-design/images-and-media)
- [Make your first changes](/help/getting-started/make-your-first-changes)
---

CubeSites is a trading name of Cube Systems Limited, part of Crushed Ice Group. Registered in England and Wales, company number 17220899. Registered office: Unit 11, Olney Business Park, Osier Way, Olney, Buckinghamshire, MK46 5FP. ICO registration number ZC216972.

Contact: hello@cubesites.co.uk | 01234 672 617 | https://cubesites.co.uk/contact