Card Optional Selector - Icon Cards

Admissions Theme Icon Cards Example

To use the Card Optional Selector - Icon Cards element in the Admissions Theme as shown in the image above, follow these directions:

  1. Create an Internal Basic Page (IBP) for each tile you want.
    1. The TitleBodyMedia (icon), and Teaser Link will appear on the icon card.
  2. Go to the page where you want to add the Icon Cards element.
    1. Click on the Edit button (located under “Open Utilities” in view mode).
    2. Scroll to the BP Paragraphs and select Add Paragraph.

      Drupal BP Paragraphs Button
    3. The Add Paragraph window will open.
    4. Select Card Optional Selector from the list.
    5. Go to the Style Selector dropdown and choose Icon Cards. There are several different styles to choose from (Blue Overlap, Gold Overlap, etc.)

      Drupal Icon Cards Edit Screen
    6. Scroll to the Background Image section and click “Add media” to upload a photo.
    7. In the Cards field, enter the node IDs of the IBPs you created.
      1. You may add more node IDs by clicking Add another item.

        Drupal Icon Cards Field