Media

Aligned Images: Large

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem.

Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor.

Placeholder Image and Some Alt Text — This is a "left-align"

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aenean lacinia bibendum nulla sed consectetur. Nullam id dolor id nibh ultricies vehicula ut id elit. Maecenas faucibus mollis interdum. Nulla vitae elit libero, a pharetra augue. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Maecenas sed diam eget risus varius blandit sit amet non magna.

Aligned Images: Small

<figure class="small-align-left">  
  <img src="..." />
</figure>

*For use with images with an original size that is smaller.
This class does not change the size of a larger image.

Responsive Videos

<figure class="full-media"> <div class="videoWrapper"> //This is the magic <iframe>...</iframe> //Paste iframe from YouTube <figcaption> ... </figcaption> </div> </figure>

YouTube & General

<figure class="full-media"> <div class="videoWrapper vimeo"> //This is the magic <iframe>...</iframe> //Paste iframe from YouTube <figcaption> ... </figcaption> </div> </figure>

Vimeo

Nulla vitae elit libero, a pharetra augue. Curabitur blandit tempus porttitor.

Facebook Video

<figure class="full-media"> <div class="videoWrapper"> //This is the magic <iframe>...</iframe> //Paste iframe from Facebook <figcaption> ... </figcaption> </div> </figure>

Posting Homepage Videos

To set the Discover DC video banner
Open the homepage, and select Edit > Configure

Look for the FEATURE section
block -> CUA: /media/hp-vid-loops/discover-dc/discover-dc-hero-video
format -> check "No Format"

To set the default homepage configuration

Open the homepage, and select Edit > Configure

Look for the FEATURE section

block -> CUA: /_cms/blocks/index/calling-page

format -> CUA: /_cms/formats/home/feature-carousel

Image Sizes