Teaser Staggered

Admissions Theme Teaser Staggered Example

To use the Teaser Staggered element in the Admissions Theme as shown in the image above, follow these directions:

  1. Create an Internal Basic Page (IBP) for each teaser you want.
    1. The Title, Body, Media, and Teaser Link will appear on the teasers.
  2. Go to the page where you want to add the Teaser Staggered 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 Teaser Staggered from the list.
    5. In the Slideshow Reference Pages field, enter the node IDs of the IBPs you created.
      1.  You may add more node IDs by clicking Add another item.

        Drupal Teaser Staggered Edit Screen
  3. To get the Teaser Staggered element to show up with the proper styling, go to the Layout tab.
    1. Find the BP Paragraphs block, click the pencil icon in the top corner, and choose “Configure”.

      Drupal Layout Block Edit Screen
    2. Go to the View mode dropdown and select “Full”. Then, scroll down and hit the Update button.

      Drupal Configure Layout Block Screen
    3. Click Save Layout at the top of the page.