> For the complete documentation index, see [llms.txt](https://dosomething.gitbook.io/phoenix-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://dosomething.gitbook.io/phoenix-documentation/development/content-types/content-block.md).

# Content Block

## Overview

Displays supertitle, title, copy, and image. Commonly used to list steps in a campaign.

![Example Content Block](/files/-LvwENlTpLJVfADDIyOp)

## Content Type Fields

* **Internal Title**: This is for our internal Contentful organization and will be how the block shows up in search results, etc.
* **Supertitle** *(optional)*: The supertitle for the content block which appears in smaller font-size above the title.
* **Title** *(optional)*: The title for the content block which appears in larger font-size above the content.
* **Content**: The content for the content block in Markdown format, displayed below the title.
* **Image** *(optional)*: An accompanying image displayed alongside the content.
* **Image Alignment** *(optional)*: Controls whether to render the image to the right or left of the content (defaults to right).
* **Additional Content *****(optional)***: A JSON field, with properties:
  * `footerType`: Valid values: `GetOutTheVoteBlock`, [`CivicEngineVoterWidget`](https://github.com/DoSomething/phoenix-next/tree/10cf490254ca1dfa99772cbf81918d2ab7800f6c/docs/development/content-types/development/features/voter-registration.md#civicengine-voter-widget)

## Content Width Span

By default, the content provided will span two-thirds of the row to accommodate the image in the other third. This works well for e.g. Campaign Pages where we assign extra row space for Content Blocks so that the image can simply appear within the extra space:

![Content Block on Campaign Page](/files/-MCgixUyw0iS6bnBfEof)

But for e.g. General Pages where the content width is truncated to accommodate the image within the natural bounds of the row, we need to ensure that when there is *no* image provided, the content flows across the *full row*:

![Content Block on General Page](/files/-MCgixV1cfI6b8kqKaYO)

The `fullWidth` prop toggles this behavior.

If a `footerType` is set in Additional Content, the content will span across the full row if:

* The `footerType` is set to `GetOutTheVoteBlock`
* Or if `footerType` is set to `CivicEngineVoterWidget`, and not rendered on a campaign page (URL does not contain `/us/campaigns/`)