Grouping & Captioning
Keeping Items Together On A Page

Step 1: How To Caption An Image (the manual way)

1. Insert an Image: Upload or select your image.

2. Open the Menu: Double-click the image to open its editing toolbar.

3. Add the Anchor: Click the three dots (More) and select Add Caption.

4. Type: Your text is now "anchored" to the bottom of that image. They are now officially grouped 

Step 2: Creating a "Super Group": Image + Directions 

Sometimes you need more than a tiny caption. You might need a full paragraph of instructions to "stick" to your image.

1. Insert a Text Box: Create a separate text box and type your detailed directions.

2. The Drag: Click and hold the handle (10 dots) at the top of that text box.

3. The Snap: Drag the text box directly onto your image.

4. Watch the Line: Look for a thick blue horizontal line to appear inside the border of the image.

5. Release: Now, the image, its caption, and your directions move as one single "block."

Step 3: Creating A "Text Cluster" (multiple text boxes)

You can stack multiple text boxes (like a Heading and a Body) to keep them organized.

1. Position: Have your two text boxes ready.

2. The Snap: Drag the handle of the second box into the first one.

3. The Result: The blue highlight will glow inside the first box, fusing them together 

Why Grouping Is Essential

• Mobile-Ready: It ensures "Instructions" stay next to the "Example" when a student scrolls on a phone.

• Easier Editing: Move one group instead of four separate pieces.

• Professional Look: Grouped items share a background. Click the Section Colors (Palette icon) to give the entire group a shaded background to make it "pop."

Troubleshooting

• "It won't stay!" Ensure the blue line is inside the target box. If the line is between boxes, they will remain separate.

• "How do I Ungroup?" Click the specific item inside the group and drag its handle far away until the blue highlight disappears.

• "My text is too narrow!" A text box grouped under an image will match the image's width. Resize the image first, and the text will follow.

A Self Check

Before you move to the next part of your site, perform this quick 5-second test to make sure your grouping "took":

1. Select the Group: Click the top item in your group (usually the image).

2. Move the Group: Drag it just an inch or two in any direction.

3. The Result: Success: If the text boxes and captions follow the image as if they are glued to it, you have successfully Grouped them!

   • If the image moves and the text stays behind, they are still "independent." Try the Snap again, making sure the blue line appears inside the box.

4. The "Phone View" Check: Click the Preview (Eye icon in Edit View) and select the Phone icon. If your image and text are still touching, your students will be able to follow your lesson perfectly!

5. "If it doesn't move as a group, it won't display as a group!"

Testing Your Site

Test your site to see how it looks. Don't look at it while you are logged into your account. You need to see how it looks to others. Open your site in another browser or in an incognito window. Open it on a mobile device or phone. This way, you can test how it looks to visitors to your site.