Image Left

Tag: module:image-left

This places one image on the left and formatted content on the right at larger screen sizes, inside the normal content width. The layout stacks on mobile.

1. Add module:image-left to the Basic section page.
2. Edit Headline and Basic Content for the text.
3. Upload the image to this page's Files. The first image found among its attachments is used.
4. Put a useful image description in Excerpt; the heading is the fallback description.
5. Save and preview the assembled page at desktop and mobile sizes.

Shared styles and spacing apply; default spacing is large. No nested child pages are needed for this single image-and-text section.

Use Fluid Images when the image should extend to the outside edge of the screen. Use Image Content for the newer alternative with a layout:image-left / layout:image-right option.