> For the complete documentation index, see [llms.txt](https://everyday-digital.gitbook.io/authoring-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://everyday-digital.gitbook.io/authoring-docs/content-pages/content-page-library/image-+-text.md).

# Image + Text

<figure><img src="/files/K3pGT5zy7N9jLBILoD7u" alt=""><figcaption></figcaption></figure>

## What is an Image + Text page?

**Image + Text pages accommodate written content alongside an image.** Use this page to present text and an image on one page.

## Quick steps: how to create & edit an Image Text page

1. **Open Authoring.** Create or open a [Learning Story](/authoring-docs/authoring/content-types/learning-story.md), [Assessment](/authoring-docs/authoring/content-types/assessment.md) or [Survey](/authoring-docs/authoring/content-types/survey.md) [content type](/authoring-docs/authoring/content-types.md).
2. **Open the Editor.**
3. **Add an Image + Text page.** Select the + icon and choose Image + Text from the Add Page  options.&#x20;
4. **Edit the Image + Text page.** Select the page to view the [Page Options](/authoring-docs/content-pages/story-and-page-settings.md#what-are-the-page-options), and select Update to add and edit content. The image should be at least 1136 x 758px (.svg, .jpg or .png format).
5. **Format text layout and style.** Use the toolbar for basic text [formatting](#text-formatting-tools), and toggle to [Advanced Settings ](#advanced-settings)for further layout options.

## Image + Text Advanced Settings

**Use Advanced Settings to tweak the page style.** Modify any of the settings to make adjustments.

**Background Colour**\
To override the theme default, select an alternative background colour.

**Image Size**\
Choose the image size: Large (default), Medium, Small.

**Image Fill**\
Choose from how to apply the image: Fill Width/Height (default), Contain Width/Height (default), Contain Width, or Contain Height.&#x20;

**Image Effect (Non-Mobile)**\
Choose an image effect for the desktop/tablet version of your story. Shadow, Framing, Framing with Shadow. The frame is white and the shadow is black.

**Image Tilt (Non-Mobile)**\
Tilt your image left or right.

## Image + Text Tips and FAQs

### How to format an Image + Text page

**Text formatting.** Refer to text formatting toolbar options in the [Text pagee](/authoring-docs/content-pages/content-page-library/text.md).

**Image formatting.** Refer to the [Advanced Settings](#image-+-text-advanced-settings).

{% hint style="warning" %}
If you choose custom colours for your text, those colours will also be used in Dark Mode. Only default font colours will auto-adjust in Dark Mode.
{% endhint %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://everyday-digital.gitbook.io/authoring-docs/content-pages/content-page-library/image-+-text.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.