Image Cards

First time using these image cards?

Make sure to read the Info & Notes section so you know how they work.

Jump to Info & Notes

IMAGE CARDS: COPY & PASTE

Image cards are available below in 2-column and 3-column layouts for copying and pasting in the Visual Editor.

Selection bars are necessary for images.

The cards below include a placeholder image. Insert your image immediately after the placeholder image, then delete the placeholder.

To ensure that your cards are consistent, crop any images that will appear in a row to the same aspect ratio. 16:9 aspect ratio works well for these cards.

Start of Selection

Placeholder paragraph so you don’t get stuck inside the cards.

Card Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Card Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Placeholder paragraph so you don’t get stuck inside the cards.

End of Selection

Start of Selection

Placeholder paragraph so you don’t get stuck inside the cards.

Card Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Card Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Card Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Placeholder paragraph so you don’t get stuck inside the cards.

End of Selection

 

GIF showing process for copying and pasting image cards in 2-column layout

IMAGE CARDS: INFO & NOTES

Image cards allow you to organize content visually into sections. They are commonly used on contemporary websites, and so they can make your Canvas content feel more like a website.

After the heading, these image cards can support almost any content. For example, you could add a button directing students to an assignment.

Notes

  • Image cards are provided in 2-column and 3-column layouts. They will technically work in a single column, but they are intended for use in columns. On mobile devices, they will adjust to be 1 column.
  • Looking for stock images? Canvas includes a built-in search at Unsplash Links to an external site., one of the best free stock photo libraries. Just go to Upload your image and select the Unsplash tab.

Back to Top