Skip to main content

Tips

Replace images with the design editor

Use the design editor to replace images visually — what you see is what you get. Steps
  1. Click Design editor in the top navigation bar
  2. Select the image placeholder to replace
  3. Choose the new image
Benefits
  • Visual, intuitive workflow
  • Instant preview
  • No code changes

Quick style tweaks in the design editor

Adjust colors, typography, spacing, and more in the design editor. What you can change
  • Text content and style
  • Colors and backgrounds
  • Fonts and sizes
  • Spacing and layout
  • Responsive settings
How
  1. Click Design editor in the top navigation bar
  2. Select the element
  3. Adjust properties
  4. Preview immediately

Why visual editing helps

Visual editing is often faster and safer than editing code. Benefits
  • Speed: Direct manipulation, no code
  • Safety: Less risk to existing behavior
  • Preview: See results instantly
  • Iteration: Easy to try again
Good for
  • Layout and styling
  • Copy changes
  • Image swaps
  • Responsive polish

Troubleshooting

Cannot replace images (design editor)

Symptoms
  • Cannot replace images on pages
  • Uploaded files are unusable
Fixes
  1. Design editor: Click Design editor in the top bar
  • If you cannot select an image, right-click to pick the correct layer
  • Select the image, then choose a replacement