Horizontal display, Three-column layout

Image Requirements

ContentMedia Lists reference ContentMedia subcomponents. Currently, you must include an image in the ContentMedia subcomponent for Horizontal and Callout displays. Otherwise, there will be blank space where an image is supposed to go -- like in this example!

Background Options

Choose one of the following background colors:

  • highlight-light

  • highlight-dark

  • transparent

Do not use the highlight option or any of the primary options.

Image Requirements

ContentMedia Lists reference ContentMedia subcomponents. Currently, you must include an image in the ContentMedia subcomponent for Horizontal and Callout displays. Otherwise, there will be blank space where an image is supposed to go -- like in this example!

Boxes display, Three-column layout

Image Options

Boxes displays look good with:

  • Icons

  • Photos

  • No image

The image will always be cropped into a small, centered circle, as shown above. The core image used here is a landscape-style image with an off-center subject.

Background Options

Choose one of the following background colors:

  • highlight-light

  • highlight-dark

  • transparent

Do not use the highlight option or any of the primary options.

Image Options

Boxes displays look good with:

  • Icons

  • Photos

  • No image

The image will always be cropped into a small, centered circle, as shown above. The core image used here is a landscape-style image with an off-center subject.

Rich Text entry

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec auctor congue leo, vitae aliquet sem ornare id. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc dapibus condimentum massa ac tempus. In et nunc aliquam nisi pellentesque porta. Praesent accumsan placerat tristique. Maecenas facilisis maximus metus sed faucibus. Maecenas fringilla mi interdum pretium consectetur. Integer non tincidunt sem. Cras eget elit sagittis elit malesuada ullamcorper. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut quis condimentum nunc, ornare aliquet tortor. Proin est ipsum, dignissim non magna ultrices, rhoncus sodales nunc. Aliquam accumsan commodo leo sit amet tincidunt. Fusce semper nisi nisi, a maximus libero pretium sed.

Quisque fermentum nec leo ut viverra. Vestibulum ut purus turpis. Pellentesque at odio sodales, finibus quam quis, commodo magna. Mauris id sagittis lacus, in iaculis nibh. Curabitur dignissim efficitur tempor. Praesent dapibus imperdiet bibendum. Phasellus et eros nec mi pulvinar condimentum semper vitae est.

Primary Example

This is a ContentMedia subcomponent.

Normal Example

This is a ContentMedia subcomponent.

Naked Example

This is a ContentMedia subcomponent.