Editing text and pictures on the page

3 min read · Updated November 1, 2026

This article covers the everyday work of the builder: changing the words and the pictures your customers see.

Use it any time a heading is wrong, a photo is tired, or a row needs to be a little bigger.

Before you start

  • Editing needs the Customize Store Appearance permission.
  • Pictures live in your Media Library, and every one you upload here is kept there too.

Step 1. Type on the page itself

Click a heading or a line of text to select it. Click it again, or press Enter, and you are typing in place. A small counter appears when you get close to the most the spot allows.

Press Enter or click somewhere else to keep your words. Press Escape to put back the words you had before.

Step 2. Use the floating toolbar

A small toolbar follows the selected block: the grip to drag it, Move up, Move down, Duplicate, Hide, Delete and Design settings. Its three dots hold Copy style, Paste style, Reset to theme default and Why is this here?, which tells you where the block came from and where it sits on the page.

A small toolbar follows the selected block: move it, duplicate it, hide it, delete it, or open its settings.

Step 3. Put a picture in

Click a picture and its controls open in the settings panel. An empty spot says Drag a photo here, or click to choose. Click it and pick Upload new to choose from your computer, or Use existing from Media Library.

When a photo is already there, Replace offers the same two choices, and Remove takes it out.

Choosing a photo offers two roads: Upload new from your computer, or Use existing from Media Library.

Step 4. Make it sit right

Crop & adjust cuts the photo to the exact shape the spot draws. Where a spot changes shape on a phone, you get a dot on the photo instead: drag the dot onto the part that must stay in frame, or press Position on the page and drag the photo itself. Reset to centre puts it back in the middle.

Step 5. Describe the picture

Fill in Alt text (English) and Alt text (Arabic). This is what a blind shopper hears and what search engines read, so a short honest sentence is worth the minute.

Step 6. Size a block by dragging

A selected block shows handles on its edges. Drag one and it steps through the sizes the design allows, showing the size as you go, so you cannot break the layout.

A selected block shows handles on its edges, and dragging one steps through the sizes the design allows.

Step 7. Right click for the rest

Right click a block for Edit, Duplicate, Hide, Delete, Move up, Move down, Insert section above, Insert section below, Copy style, Paste style and Reset to theme default. When you picked something small inside a bigger block, Select parent and Select section pick the bigger block.

Right clicking a block adds Insert section above and below, Copy and Paste style, and Reset to theme default.

Was this guide helpful?

More in Live Page Builder

Still need help?

Our team answers every ticket, in English and Arabic.