# Text and image block

The **Text and image** block is great for a brief store description and logo image, or anything you like.

<details>

<summary><mark style="color:blue;">STEPS</mark></summary>

In your theme editor (**Customize**):

1. Click the arrow beside the **Footer** section to reveal the Footer blocks.
2. Click on the **Text and image block** ("About us...") to open the settings.

   > Click **(+) Add block** to add a new **Text and image block**.
3. (*Optional*.) Add a brief title to the **Heading** field.

   > Check **Show heading on desktop** to display the heading at the top of the block on desktop screens.
4. Add a short paragraph to the **Text** field.

   > Use the formatting buttons to add bold, italic, and linked text.
5. Upload an **Image** to display above the text.

   > There are no required image dimensions. Use the **Max width for image** slider to adjust the size of your image.

   > For logos, we recommend a **`.png`** file with a transparent background.
6. Change the **Image placement** to **Above text** or **Below text**.
7. (*Optional*.) Choose whether to **Show social icons** at the bottom of the block.

   > Add your account links in the Theme settings under **Social media** to display their icons. Enter the full URL, including **`https://`**.
8. Use the **Desktop width** and **Desktop padding** sliders to adjust the size of the block.

   > For best results, make sure all footer block widths add up to 100%. You can also add a **Spacer** block with an adjustable width to add spacing between blocks.
9. (*Optional*.) Choose whether to **Enable Follow on Shop**.

   > Follow on Shop is a Shopify feature. You need to have the Shop channel installed, and Shop Pay activated on your store. See [Shopify's Follow on Shop guide](https://help.shopify.com/en/manual/online-store/themes/customizing-themes/follow-on-shop).
10. (*Optional*.) Click and hold the drag handles **`⋮⋮`** to rearrange the blocks:

    ![](/files/ljXzcTR5bgP4aofKNKxP)

    > Click **Remove block** or the eye icon to delete or hide a block.
11. Click **Save**.

</details>

## Settings reference

Click the **Text and image block** in the Footer to find the following settings.

<table><thead><tr><th width="196">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Heading</td><td>Enter text for the block heading.</td></tr><tr><td>Show heading on desktop</td><td>Display the heading at the top of the block on desktop screens</td></tr><tr><td>Image</td><td>Select or upload an image. No required dimensions - we recommend a minimum width of 50px.</td></tr><tr><td>Max width for image</td><td>Set the maximum widht of the image between 50px and 350px.</td></tr><tr><td>Image placement</td><td>Choose to display the image above or below the text</td></tr><tr><td>Show social icons</td><td>Display icons for your social media links added in your theme settings.</td></tr><tr><td>Enable Follow on Shop</td><td>Follow on Shop is a Shopify feature. You need to have the Shop channel installed, and Shop Pay activated on your store.</td></tr></tbody></table>

***

> **Related links**
>
> [Footer](/cornerstone/footer/footer.md)\
> [Links block](/cornerstone/footer/footer/links-block.md)\
> [Newsletter block](/cornerstone/footer/footer/newsletter-block.md)


---

# Agent Instructions: 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:

```
GET https://help.fluorescent.co/cornerstone/footer/footer/text-and-image-block.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.