Step 1: Add the Component
- Click the place in the Main Content region where you want the Content Card Row to be placed.
- Click the Insert Component icon in the WYSIWYG toolbar.
- From the list of components, select Content Card Row.
Step 2: Add Content to the Content Card Row
- Each group in the component represents one card in the Content Card Row.
- For each group, choose a background color, heading, number of columns, and add your content. Each group may also have an optional button at the bottom.
- To add an image to a card, click the Insert/Edit Image icon in the WYSIWYG toolbar. Choose your image, then set the width to 100% and delete the height number. The image will span the full width of the card. Add alternative text and leave all other fields blank.
- To add a video to a card, click the Insert/Edit Media icon in the WYSIWYG toolbar. Enter the YouTube embed code in the Embed field. Go back to the General tab, then set the width to 100% and delete the height number. Our global styles will take care of the rest.
- A maximum of three groups can be entered for this component. Less than three is also
acceptable.
- One card will span the full width of the page.
- Two cards will each span 50% of the page.
- Three cards will each span 33% of the page.
- When you're done, click Save.
Content Card Row Example
Web Services
John Mayer