# Image + Text

<figure><img src="https://1694021061-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuVFZPn6NWEBzyt3Pl8h6%2Fuploads%2FXvWUWa1G76kJijYa6Bvi%2Fimage.png?alt=media&#x26;token=c6b18660-ebb1-4f8b-b952-b019cbb923de" 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](https://everyday-digital.gitbook.io/authoring-docs/authoring/content-types/learning-story), [Assessment](https://everyday-digital.gitbook.io/authoring-docs/authoring/content-types/assessment) or [Survey](https://everyday-digital.gitbook.io/authoring-docs/authoring/content-types/survey) [content type](https://everyday-digital.gitbook.io/authoring-docs/authoring/content-types).
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](https://everyday-digital.gitbook.io/authoring-docs/story-and-page-settings#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](https://everyday-digital.gitbook.io/authoring-docs/content-pages/content-page-library/text).

**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 %}
