Pattern: 50:50 text with image or video

About

These patterns are designed to be used when you are creating a full width page design, where the sidebar has been removed and where your design uses two equal columns throughout the page.

On amnesty.org, we use this kind of page design for our project/issue pages.

• Project page writing guidelines
• Issue page block template instructions
• Issue page demo

We tend to use the grey background versions to highlight a different type of content on the page, like a case study.

Adding a Text with _ Pattern

Remove sidebar

This pattern is designed to be used on a full width page design. First, remove the sidebar from the page you are working on.

Start with the block template

You may wish to start with the full issue page block template and then add additional Text with _ sections when you need to add more sections to your content.

Add Text with _ pattern

1. Click the + icon to add a new block from the top toolbar in the page/post editor.
2. Click on the Patterns tab.
3. Either choose which category of patterns you want to select from (1/2,1/2 or media) or click Explore to open a modal that allows you to have a larger view of each pattern.
4. In the explore view, you can type ‘text with’ into the search bar to find the Text with _ patterns.
5. There are eight Text with_ Patterns which use the 50:50 columns: four with text and four with video, you can choose to have text on the left or right and either a grey or white background.
6. Click on the pattern you wish to insert or drag and drop the pattern into your content. If you click on the pattern, it will be inserted at the location of your cursor.

Text with _ Pattern settings

The Text with _ Patterns are made up of a section block, containing a columns block, one column has a heading block and paragraph blocks and the other column has either an image block or a YouTube embed block. See the documentation on each of these blocks to find out more about the available settings.

• Should URLs be in English?
• How to add images to the country thumbnail in the related content block
• How to de-bug social media posts that have cached old post meta data
• How to edit social preview cards
• Pattern: Chapter and Chapter Heading