Carousel: Stories

Feature Several Grinnellians' Stories in a Small Space

Carousel: Stories features big photos and large arrows and a series of dots below the carousel tells users you have more them to see. If you want to feature only a single story, consider using Story: Feature instead.

Carousel: Stories can be added standard or full width but looks best full width.

Carousels are best for items users might want to browse if they have time. Don't use carousels for critical information since many users won't click through them.

Before You Begin

Add every Story first. Add nice images for the best effect. Once done, you can add the carousel to your webpage.

Carousel: Stories Options

Background color field dropdown list

Background Color defaults to “Light (white).”

Select “Dark (gray)” to add a slight gray tint behind the entire component.

Header style defaults to visually normal with drop-down option to select visually small

The header style defaults to visually normal, but you can also choose to have it display much smaller.

Section header field which is not required

The section header is not required. It will display above the carousel if added.

Adding Stories

Include at least one Story; preferably more.

  1. Embed button in a section labeled Stories
    Click Embed to open the Embed dialog box.
  2. Scroll through the list to find the Story(s) you want.
  3. An Embed dialog box showing several stories, each with a checkbox
    Check the box to the left of a Story to select it. You can select more than one story on the page.
  4. Click Embed at the bottom of the box to add your Story(s) to the carousel.
  5. Repeat these steps until you've selected all the stories you want in the carousel (5 maximum).

Note: Move between pages using the pagination buttons at the bottom of the dialog box. When you switch pages, you'll lose any selection you made on the earlier page, so Embed any selected Story before moving to another page.

Rearranging Stories

If you want to rearrange a Story once it's added, hover over one until you see a four-directional arrow. Click and drag to a new spot in the order.

Editing Stories

Click Edit beneath a Story to edit it directly from the component. See Story Content Type for information about the fields.

Removing Stories

If you want to remove a story, click Remove beneath it.

visually normal header, regular (not full) width

Grinnell College square logo

She is a truth seeker and has an endless amount of energy to ensure her reporting is accurate, insightful, compassionate, and, if possible, connected to relatable historic events.

Teacher Reference for Finley Williams, 2021 Laurel Scholar
Curtis Walker

Whether I was devouring brisket or Egusi, I obtained knowledge through debates with my sisters, my moral compass through lessons from my parents, and wisdom by listening to elders who spoke at the table.

Curtis Walker, 2021 Laurel Scholar
Marquis Sullivan

I want to meet people from other places who can help me reach my goals and who I can help to reach theirs.

Marquis "Quis" Sullivan, 2021 Laurel Scholar

Visually Small Section Header, Dark Background

Curtis Walker

Whether I was devouring brisket or Egusi, I obtained knowledge through debates with my sisters, my moral compass through lessons from my parents, and wisdom by listening to elders who spoke at the table.

Curtis Walker, 2021 Laurel Scholar
Marquis Sullivan

I want to meet people from other places who can help me reach my goals and who I can help to reach theirs.

Marquis "Quis" Sullivan, 2021 Laurel Scholar
Grinnell College square logo

He is one of the greatest leaders our school has ever seen.

Teacher Reference for Julien Sims, 2021 Laurel Scholar
Kyla Pereles

Kyla is among the most capable and intellectually curious students I have ever had the opportunity to teach.

Teacher Reference for Kyla Pereles, 2021 Laurel Scholar

Visually Normal Section Header, No Background, Single Story

Essi-Adokou headshot

Essi’s achievement reflects a work ethic unmatched by any current or former student.

Teacher Reference for Essi Adokou, 2021 Laurel Scholar

We use cookies to enable essential services and functionality on our site, enhance your user experience, provide better service through personalized content, collect data on how visitors interact with our site, and enable advertising services.

To accept the use of cookies and continue on to the site, click "I Agree." For more information about our use of cookies and how to opt out, please refer to our website privacy policy.