Two Column Text
Using Two Column Text
- You can use the Two Column Text component for displaying two kinds of information side by side.
- It's not designed for long-form text, so keep the content to a couple of paragraphs. You can't add images to this component.
- You can choose whether to make the background colour teal or purple.
- The cards are designed to be slightly offset from one another and that can't be changed.
- The component has optional CTA buttons.
Two Column Text example
![Two Column Text screenshot.](/-/media/uwe/images/microsite/user-guide/two-column-text.jpg?h=479&w=763&la=en&hash=84CC224909B56D60728196790AD56AD9)
![Two Column Text mobile view.](/-/media/uwe/images/microsite/user-guide/two-column-text-mobile-view.jpg?h=600&w=256&la=en&hash=C63C2D1B88DB29B4BADD748BD1598069)
Adding in Two Column Text
![Two Column Text admin view.](/-/media/uwe/images/microsite/user-guide/two-col-text-screenshot.jpg?h=523&w=497&la=en&hash=5A2DA45088570D95DB9A5DCBBB910E5A)
- You can choose whether you want an overarching heading as well as a heading on each column.
- Add your content to the columns using the rich text editor. You can choose whether you want to add a CTA to the bottom of one or both columns.