Select & edit components
Edit and format text
Change copy, fonts, size, emphasis, colour, and alignment.
WATCH & FOLLOW ALONG
Select and style components
Recorded in the fictional Willow Studio website using a normal customer account. AI submission steps are explained without running a generation job.
Download video ↓Read the video transcript
- Select and style a component
- Click an object to select it. Double-click editable text when you want to type.
- The toolbar changes with your selection: text, image, button, field, or container.
- Set a font, size, emphasis, colour, and alignment for the selected text.
- Spacing controls adjust padding inside the object and margins around it.
- Borders controls colour, width, style, and corner radius.
- Move into section chooses a destination. Layers controls stacking when objects overlap.
- Review your changes, then Save. Publish separately when you are ready to go live.
Follow these steps
Edit the words
Double-click editable text on the canvas and type, or use the corresponding content field in Properties. Click outside the text when finished.
Use the text toolbar
Single-click the text to select it. Choose a font family, font size, Bold, Italic, or text colour.
Set alignment
Choose left, centre, right, or justified text alignment. Use vertical alignment to place text at the top, middle, or bottom of its box.
Check the result
Inspect long headings on mobile and tablet. Save your changes.
Your text content and formatting are updated.
Need a hand with this step?
Tell us the website, page, and control you’re using. Include any error code so we can help you faster.