Content Row Block
The Content Row block is extremely versatile. You can achieve significantly different looks with the display styles using the title, link, text, and/or image fields in any combination.
Demo: Content Row Block
Create a Content Row Block
- Navigate to the page you'd like to update, and enter the Edit mode for the page.
- Click on the Layout tab.
- Choose the Section you would like to add the content row block.
- Click on Add Block in that section.
- Click on Create content block in the Configuration Sidebar.
- Select Content Row from the list of options.
- Choose Inline or Reusable block option.
Add Content Row Block Content
- Title: this displays above the block when placed on a page.
- Display title: enabled by default, toggle the button to hide the block title.
Configure Row Layout Content
On the Row Content tab. Configure the following.
- Title: (optional) Enter the title for the content.
- Text: (optional) enter the body content. Use the content editor to format your text including the use of the Insert buttons to embed media, insert icons, or create buttons, etc.).
- Link: (optional) if you have a link, it is best practice to also use the row content Title since this creates the text for the link.
- Image: (optional) some designs need a image such as the Feature style to render correctly on the page.
- Click Add Row Layout Content to add more content.
Select Content Row Design
- Click the Row Design tab.
- Choose a style to display the row content.
- Teaser: may use title, link, text, and/or image in any combination.
- Large Teaser: may use title, link, text, and/or image in any combination.
- Large Teaser Alternate: may use title, link, text, and/or image in any combination.
- Tiles: may use title, link, text, and/or image in any combination.
- Feature: must include an image.
Design the Block
- Click on Styles tab.
- Icon Settings: option to add an icon to the block title and configure the position, color, and size.
- Block Heading: heading style and alignment. This setting should be used to put your content in the proper reading hierarchy, not to change the font size of the title. Always make sure the page content is structured properly for accessibility.
- Block Style:
- Background style: option to add a colored background, outline or underline style.
- Block Typography: option to scale the font size on the title and content in a block.
Save Block
- Click Add Block.
- Click Save layout.