# Text columns with images
{% hint style="danger" %} Theme retirement | Context is no longer available on the Shopify theme store. **Theme support and updates for current users will end after May 18, 2024**. [Learn more here](https://help.fluorescent.co/context/readme/theme-retirement).
{% endhint %}
The **Text columns with images** displays multiple columns of text blocks with feature images, great for highlighting your values, how your company works, or explaining key elements of your product.
## Set up section
Add this section to any template (except Checkout) and use the drag-and-drop handles to re-order its position. You can add this section multiple times with different content and settings.
{% hint style="warning" %}
Editing a template changes all pages that use that template. To edit specific pages, you can [create new templates](https://help.fluorescent.co/context/general/editing-themes/using-templates#create-and-assign-multiple-templates) or [insert dynamic content with metafields](https://help.fluorescent.co/context/general/adapting-your-theme/dynamic-content-with-metafields).
{% endhint %}
STEPS
In your theme editor (**Customize**):
1. Select a **Template** to edit from the dropdown menu in the top bar.
> Learn how to use templates in our [Templates guide](https://help.fluorescent.co/context/general/editing-themes/using-templates).
2. Under **Template**, click **(+) Add section** and select **Text columns with images**.
3. Click and hold the drag-and-drop handles **`⋮⋮`** to re-order your sections.
### Add column blocks
Add multiple **Columns** with a featured image, headings, and link.
STEPS
In your theme editor (**Customize**):
1. Select a **Template** to edit from the dropdown menu in the top bar.
> Learn how to use templates in our [Templates guide](https://help.fluorescent.co/context/general/editing-themes/using-templates).
2. Under **Template**, click **(+) Add section** and select **Text columns with images**.
3. Click and hold the drag-and-drop handles **`⋮⋮`** to re-order your sections.
## Section headings and layout
Add section headings to display above the columns and adjust the style and layout of the whole section.
The **Text columns with images** section settings apply to all Column blocks.
STEPS
In your theme editor (**Customize**):
1. (*Optional*.) Add **Heading** text to display a title at the top of the section.
> We recommend keeping this to one or two words.
2. (*Optional*.) Add **Subheading** text to display below the heading.
> Use the formatting buttons to add text styles, links, or lists. To learn more, see Shopify's [Rich text editor guide](https://help.shopify.com/en/manual/shopify-admin/productivity-tools/rich-text-editor#format-text-with-the-rich-text-editor).
3. Choose a **Text alignment** for this section, either **Left** or **Center**.
4. (*Optional*.) Choose to enable the **Outline section** style for an alternate look.
> This option removes the section background and adds a border around the section, which uses your store's border color setting.
5. Click **Save**.
## Settings reference
Click the **Column** blocks to find the following settings.
| Setting | Description |
| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Image | Choose or upload an image. We recommend a 160px by 160px png image file and that all images are the same shape and size. |
| Image aspect ratio | Choose to crop all images to be a single uniform shape. Select Portrait (2:3), Square (1:1), or Landscape (3:2). Select Natural to display images in their original shape (without cropping). |
| Max image width | Set how large the column's image should appear. The minimum width is 10% of the column, and the maximum width is 100% of the column. |
| Heading | Add text for the heading of the column. |
| Subheading | Add subheading text to display below the heading. |
| Max width of text | Use the slider to adjust the maximum width of the heading and text. Experiment with this setting to find a clean visual shape for your text. |
| Link | Select or paste a link. |
| Link text | Add custom text for the link label. |
#### Section settings
Click on the **Text with columns** section to find the following section settings:
| Setting | Description |
| -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------- |
| Columns per row | Choose how many columns should be displayed per row. Choose between 1 and 4 columns per row. |
| Max image width | Choose how wide all of image should be. This helps to ensure all your columns appear uniformly. Choose between 50px and 200px. |
| Show image in circle | Check this checkbox to center-crop your images into circles. If this option is left unchecked, then images are displayed in their original shape. |
***
> **Related links**\
> [Image with text](https://help.fluorescent.co/context/sections/theme-sections/image-with-text)