Attach media to your content

Attaching media to a Content Block in Cascade

The best way to insert any type of media is to attach it rather than embedding it directly in the rich text editor. Media can be attached to any Content Block regardless of its content source.

When you attach an image, video or map to a Content Block you have lots of control over how it's presented. You can choose to insert your piece of media above or below your content, align it left or right, easily add a caption, and it will always look great.

Images

Upload your images first

You need to upload images to your site before using them in a page.

  • Choose New > Image from the top menu in Cascade.
  • Images automatically get saved in your images folder.
  1. Choose Image next to Attach media
  2. Click Search next to Choose image to browse for your image
  3. Choose your image
  4. Add an optional caption and select where you'd like to insert your image relative to your content
This is an attached image that has been inserted below the content

YouTube videos

  1. Choose YouTube video next to Attach media
  2. Paste the URL of YouTube video you want to embed (e.g. http://youtu.be/DNeaZz9Vt6Q)
  3. Add an optional caption and select where you'd like to insert your video relative to your content
This is an attached YouTube video with an optional caption

Google Maps

  1. Choose Google Map next to Attach media
  2. Paste the embed code you get from Google
  3. Add an optional caption and select where you'd like to insert your map relative to your content
This is an attached Google Map with an optional caption

Tweets

  1. Choose Tweet next to Attach media
  2. Paste the embed code you get from Twitter
  3. Add an optional caption and select where you'd like to insert your tweet relative to your content
This is an attached Tweet with an optional caption

Placement

Between heading and content

By default media is inserted between the the content heading and its content.

Above heading

But it can also be inserted above the content heading.

Below content

Or it can be inserted below the content itself.

Alignment

This is an example of right-aligned media

Left or right, whatever's right

Media can also be aligned to the left or right of its associated content. On small mobile screens alignment is ignored to ensure media and content aren't too squished.