Select & edit components

Change borders and background fills

Style an object without changing the whole section.

4 clear stepsReal product screenshots

WATCH & FOLLOW ALONG

Select and style components

Captioned · No audio

Recorded in the fictional Willow Studio website using a normal customer account. AI submission steps are explained without running a generation job.

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.

Select the component
Click the object you want to style.
Set its border
Open Borders to choose border colour, width, style, and corner radius. These controls are offered for compatible non-image objects.
Set the background fill
Use BG fill in the floating toolbar to change the object background. For the whole section’s colour, use Section background in Properties instead.
Review contrast
Ensure the text is readable against the fill and Save.

What you should see

The object has its own border and background treatment.

Tell us the website, page, and control you’re using. Include any error code so we can help you faster.

Select the exact text, image, button, or container you want to change.

Insert any of the 14 available object types without AI.

Change copy, fonts, size, emphasis, colour, and alignment.

Set the label and destination for your calls to action.