Images
IMAGES: COPY & PASTE
All image styles are available below for copying and pasting in the Visual Editor.
Selection bars are necessary for images.
The images below include a placeholder image. Insert your image immediately after the placeholder image, then delete the placeholder. For caption and hero image styles, edit the text as well.
Start of Selection
End of Selection
Start of Selection
End of Selection
Start of Selection
End of Selection
Start of Selection
End of Selection
Start of Selection
End of Selection
Start of Selection
End of Selection
Start of Selection
End of Selection
Start of Selection
HERO IMAGE HEADING
End of Selection
IMAGES: INFO & NOTES
Images help students learn through visual means. They enhance the overall aesthetic of the page and break up walls of text.
The image styles on this page are relatively subtle additions to your Canvas designs. The circle image style is great for headshots of people (read this fascinating article about why circular face photos work Links to an external site.). The gray image style creates a subtle “frame” for the image. The caption image style helps you provide context and/or a citation for an image. The hero image style can be used for visually compelling section headings.
Notes
- The circle, gray, and caption image styles will adjust to whatever size you set your image in Canvas, including the default size of the image.
- The hero image style will not adjust its size and will always be full width. Make sure your image for the hero is high-quality and landscape orientation, preferably fairly short and wide. Keep the heading text for the hero image relatively short so the heading doesn’t completely cover the image.
- The circle image style requires a square image (otherwise the image will be an oval). You can use any image editing software, such as Adobe Photoshop Express, to make an image square.
- The “frosted glass” effect that blurs behind the caption and hero image heading works in most browsers, with the primary exception being Firefox. While this blur is nice, it is not necessary, so Firefox users will still be able to read the caption or heading.
We do not recommend floating images (text wrap), as this often behaves poorly on mobile devices. Instead, set up columns to place an image beside text. If you must float an image, this can be done in the Rich Content Editor by selecting the image and selecting the text alignment options (left or right).