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.
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.
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.
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.
Small 250px - Sets your image to 250 pixels wide. No cropping applied.
Square - Crops your image into a 300x300 size square. The image is automatically cropped using the center of the frame.
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