Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Jumbotron (large photo or photo slideshow)

Guidelines:

...

  • Use this block to showcase 1-10 photos, with or without a caption. If multiple images are added, they will be in a slideshow.

    • The max number of images you can use is 10; beyond this number, the block will not work properly on mobile screens.
  • Keep the caption/paragraph copy to 250 characters or fewer and use a similar amount of copy for each photo in a single slideshow
  • Photo size: we recommend using our website's standard image size -
  • 2400x1600px 
  • 2400x1600px 
    • Image width must always be 2400px
    • Image heights can vary, but all images in the same slideshow should have the same heights
      • Other image heights that work well: 1050px, 1350px
    • Set the image ratio field to best display your images.
      • Recommended: 21x9 or 16x9 
      • Play around with the options or find the ratio below that matches your image dimensions: 
        • Image dimensions
  • are
        • : 2400x1050px –>  Choose image ratio: 21x9
        • Image dimensions: 2400x1350px –> Image ratio: 16x9
        • Image dimensions: 2400x1600px –> First try 16x9 ratio; if the images are cropped too much, try 4x3 ratio
  • Appearance

Image Added

Lazy Load Youtube Video

  • Guidelines:
    • Use this block anytime you want to embed a Youtube video in your post.
      • Do not use the "Youtube" block – that block displays videos at a much smaller size and they take longer to load on the page, which could create problems for the user.
    • Photo size for image override: 1176x662px (you can use a larger image size, but if the proportions are different, the image will get cropped)
  • How to embed YouTube videos in your article

...