> For the complete documentation index, see [llms.txt](https://help.fluorescent.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.fluorescent.co/lorenza/pages/footer/text-and-image-block.md).

# 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** ("Use this text area...") to open the settings.

   > Click **(+) Add block** to add a new 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. 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.
8. (*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).
9. (*Optional*.) Click and hold the drag handles **`⋮⋮`** to rearrange the blocks:

   ![](/files/cKm7iCMqgcf6VfaAedOf)

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

</details>

\\

***

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