> For the complete documentation index, see [llms.txt](https://story.groupthought.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://story.groupthought.com/sections/story-sections/image-with-text.md).

# Image with text

Story's original and favorite section that's quick and easy to set up. There are no blocks, simply choose an image, add the text and call-to-action information, and it's done. 

<figure><img src="/files/3eEFMRGZ1O5bX8CBUUTS" alt=""><figcaption></figcaption></figure>

### Section settings

All options are included in the section settings. To swap the image location, use the Image placement option to switch sides:

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

### Further customization

This section is designed to be very simple to use and quick to set up. If you require more customization options, use the ***Custom Content*** section which comes with many flexible blocks and configuration options:

{% content-ref url="/pages/cKNlfVLsi2eGn0ZBpxMl" %}
[Custom content](/sections/story-sections/custom-content.md)
{% endcontent-ref %}

### Custom CSS

The Custom CSS feature can also be used for customization within sections. Here's an example of centering the text content area for this section only:

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

CSS snippet from example:

```
.overlap__content__wrapper {
  display: grid;
  place-items: center;
}
p {
  text-align: center;
}
```