This is an optional title

This is an optional section subtitle
Recent graduates tossing caps into the air

This is an optional title

This is the card body. This field is optional and only accepts plain text content.

This is a button

Recent graduates tossing caps into the air

This is an optional title

This is the card body. This field is optional and only accepts plain text content.

This is a button

Body

To see more examples of the Content slider paragraph in action, visit the Content slider demo page.

  1. Select ‘Add Content slider’ from the Paragraphs dropdown. 

  2. Select a color from the ‘Section Background’ dropdown. Content slider cards can be either white or Illini Blue. Text and heading colors are set by the theme. 

  3. The Section Title and Section Subtitle fields are used to describe your Content slider. These fields are optional. 

  4. Under Cards content, upload an image. The image size is 2:3 ratio. Ideally 720 x 483 px. Add Alternative text to your image, this text should describe what the image is for screen readers. The image field is optional, but best practice is to be consistent. All cards in a row should either have an image or not have an image. 

  5. Card Title is optional. 

  6. Card Body is optional and will only accept plain text.

  7. The button field is optional and you can only add one. Buttons require both a Link and Link Text. You can link to an internal page by typing the title, then selecting it when it autocompletes. To link to an external page, paste the entire URL into the URL field. 
     

    Image
    screenshot of button fields
  8. To add additional Cards to your set, click the ‘Add Cards Content’ button. A maximum of three cards can be added per row. 

  9. To rearrange existing cards, hover over the group of dots next to your card. Then drag the card where you want in positioned in the slider.
     

    Image
    screenshot of card edit interface with dot group highlighted