Creating Carousels

Carousel | Profile Carousel

  1. Create Carousel Item(s)
    • Click "Add Content" in the top left navigation bar
    • Select "Carousel Item"
    • This brings up a form page. Filling out this form provides Drupal with the content it needs to create the page.
      • Title: What will appear in large text at the top of your Carousel Item.
      • Body: Keep this short, and be sure to test your results in mobile. Body with too much text will overlap your navigation and be impossible to read.
      • Media:
        • Select "Browse"
        • Select "Choose file" and navigate on your computer to the photo that you want to upload. There is a minimum size of 2,000px wide for images on the front page carousel.
        • Select "Upload"
        • Click "Next", and if your image has text, input that text in the "Alt Text" field. Otherwise, click "Save."
        • Click the "Manual Crop" drop down and select "Carousel." A screen will pop up highlighting what area of the picture you want to appear in the Carousel. Save and repeat for the "Hero" dropdown.
    • Save and repeat for any additional Carousel Items.
  2. Create Carousel
    • Click "Add Content" in the top left navigation bar
    • Select "Carousel"
    • Add "Title" field.
    • Add Carousel Items that you created in Step 1 by typing the name in the field below, then selecting the name as it populates. To add another Carousel Item, select "Add another item."
    • Save
  3. Embed Carousel
    • Navigate to page you want to embed the Carousel on
    • Edit the page, and "Enable Rich Text"
    • Select the "Embed a Node" icon on the far right
    • Select "Carousel" under the dropdown list and click "Apply". This will filter for "Carousel" items.
    • Select the appropriate Carousel from the list and click "Embed."
    • Save

Profile Carousel

  1. Create Profile Item V2
    • Click "Add Content" in the top left navigation bar
    • Select "Profile Item V2"
    • This brings up a form page. Complete the fields as needed. 
    • Select the "Media" tab on the left:
      • Select "Browse"
      • To add a photo, Select "Choose file" and navigate on your computer to the photo that you want to upload. 
      • Select "Upload"
      • Click the "Manual Crop" drop down and select "Profile Image." A screen will pop up highlighting what area of the picture you want to appear in the Profile Item V2. Save and repeat for the "Profile Preview" dropdown.
      • Click "Next", and if your image has text, input that text in the "Alt Text" field. Otherwise, click "Save."
      • To add a video, select the "Web" tab on the top right and paste the YouTube URL into the field. Click "Next." You do not specify "Manual Crop" for videos. 
    • Save and repeat for any additional Profile Items.
  2. Create Profile Carousel
    • Click "Add Content" in the top left navigation bar
    • Select "Profile Carousel"
    • Add "Title" field.
    • Add Profile Items that you created in Step 1 by typing the name in the field below, then selecting the name as it populates. To add another Profile Item, select "Add another item."
    • Save
  3. Embed Profile Carousel
    • Navigate to page you want to embed the Profile Carousel on
    • Edit the page, and "Enable Rich Text"
    • Select the "Embed a Node" icon on the far right
    • Select "Profile Carousel" under the dropdown list and click "Apply". This will filter for "Profile Carousel" items.
    • Select the appropriate Profile Carousel from the list and click "Embed."
    • Save