Edit text, images and buttons on a page
Click any text on the canvas to edit it in place, select an Image block to swap the picture from your Media Bucket, and select a Button to change its text, style, icon and animation in the Settings tab.
Steps
- Open Online Store → Theme Settings (or your landing page in the landing page builder) and select the page.
- Text: click a Heading or Paragraph and type directly on the canvas. The floating toolbar offers bold, italic, underline, text colour, highlight and link. In Settings you can also edit Content or turn on Remove all HTML tags from text content.
- Images: select an Image block. In Settings click Image Link to open the Media Bucket — pick from All Files or Upload new file (images up to 15 MB; JPG or PNG recommended). Fill in Image Alt, then set Object Fit (Cover, Contain, Fill or Scale Down), Width and Height.
- Buttons: select a Button block. In Settings set Add text, Button Variant (Default, Secondary, Ghost, Outline), Button Size (Small or Large), an optional Button Icon, and Button Animation (None, Flash, Pulse, Shake X, Shake Y, Head Shake, Swing, Fade In). Modal control picks which popup the button opens.
- Links: to send visitors somewhere, use a Link block — Link Type (Page, Product, Category or URL), Is External Link, Link Variant, Link Icon and Link animation. A Box block can also carry a link.
- Use the Styles tab for fonts, spacing, background, border and shadow, then click Save.
Common problems
- Clicking a link in the editor does nothinglinks only work on the live page ("Link won't work in edit mode, only on the live page."); use Preview.
- Upload is rejectedimages must be 15 MB or smaller; resize and retry.
- The image looks stretched or croppedchange Object Fit: Contain shows the whole picture, Cover fills the frame.
- Pasted text keeps odd fonts or coloursenable Remove all HTML tags from text content in Settings.
- Want one button in a different colourbuttons follow the Theme Customizer's Primary and Secondary colours; override that button in its own Styles tab.