Skip to content
wwebtummy Help center

Select & edit components

Arrange components and columns

Control how items are arranged inside a selected container.

4 clear stepsReal product screenshots
WEBTUMMY · VISUAL WALKTHROUGH
Actual Webtummy interface in the fictional Willow Studio customer workspace. Click to enlarge. Available fields vary by selected component.
Arrange components and columns
Expanded Webtummy interface showing arrange components and columns

Follow these steps

  1. Select a container or compatible object

    Use the canvas or element tree to select the layout box you want to adjust.

  2. Open Layout

    Choose Layout in the floating toolbar. Available controls depend on the selected object and its container.

  3. Choose arrangement and gaps

    Use Container arrangement and Space between items where offered to change columns and the gap between items.

  4. Inspect narrower previews

    Check Tablet and Mobile, adjust if needed, and Save.

What you should see

The container arranges its items with your chosen layout.

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.

Contact support →

Keep exploring

Select components and use the element tree

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

4 steps

Add objects and components

Insert any of the 14 available object types without AI.

4 steps

Edit and format text

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

4 steps

Edit buttons and text links

Set the label and destination for your calls to action.

4 steps