Inserted Media styles

There are several pre-set size options available in the Body field and Rich Text paragraph to help you crop and resize images within the framework. To insert an image, follow these directions in the framework documentation. The available image styles are shown below:

Medium 400px - Sets your image to 400px wide. No cropping applied. This is the default image style.

Image
student with dog on main quad
Medium 400px

Full width - Expands your image to take up the full width of the content area. Images that are smaller than the content area may look pixelated if using this option.

Image
student with dog on main quad
Full width

Original size - This option will not crop or resize your image, it will keep its original dimensions. This option is useful if you have resized your image outside of the framework.

Image
student with dog on main quad
Original size 2400x1601px

Portrait 3:2 - This image style will crop your image and set the maximum width to 250px wide. The image is automatically cropped using the center of the frame.

Image
student with dog on main quad
Portrait 3:2

Small 250px - Sets your image to 250 pixels wide. No cropping applied.

Image
student with dog on main quad
Small 250px

Square - Crops your image into a 300x300 size square. The image is automatically cropped using the center of the frame.

Image
student with dog on main quad
Body

Paragraph image dimensions

The below dimensions are the recommended sizes for paragraph types that include images.

Big Buttons
Recommended image size: 720 x 483 px
Image ratio: 2:3
Minimum image size: 350x175px
Note: Big Button images can be cropped after upload, click the image in the crop tool to register.

Cards
Recommended image size: 720 x 483 px
Image ratio: 2:3

Content Slider
Recommended image size: 720 x 483 px
Image ratio: 2:3

Feature Box
Recommended image size: 1152x768px or larger
Minimum image size: 1000x500px
Image ratio: 2:1

Feature Group
No size recommendation
Minimum image size: 150x150px

Feature Split
Recommended image size: 1000x500px or larger
Image ratio: 2:1
Minimum image size: 640x640px

Hero
Recommended image size: 1152x768px or larger
Minimum image size: 1000x500px
Image ratio: 2:1