Parent Category

Parent. Category. Subheading.

Content Detail

This is an example of how to create & customize a content detail page within the Our Story category.

The content detail template uses the following content asset attributes:

Also, there can be between 2 and 3 "panel objects" (either an image/illustration w/ optional accompanying caption, or a pull-quote styled text excerpt).

The above panel set is created by using the following HTML markup:

<ul class="panels">
    <li>
        <img src="content-assets/our-story/400.gif?$staticlink$" alt="">
        <p>This image has a caption! But, the next one doesn't...</p>
    </li>
    <li><img src="content-assets/our-story/400.gif?$staticlink$" alt=""></li>
    <li class="pull-quote">By adding <code>class="pull-quote"</code> to the list-item element, this text is transformed into a pull-quote.</li>
</ul>

Note: The pull-quote styled text excerpt is not limited by number of words or characters but by the amount of content; if there is too much to fit into the available space, the overflow will be automatically hidden.

And here's another panel set!

The above panel set is created by using the following HTML markup:

<ul class="panels double">
    <li>
        <img src="content-assets/our-story/400.gif?$staticlink$" alt="">
        <p>With another image caption!</p>
    </li>
    <li class="pull-quote">"The world will never be the dwelling place of peace, till peace has found a home in the heart of each and every man."<br>&mdash; Pope John XXIII</li>
</ul>

Note: When a panel set contains 2 versus 3 panel objects, the "double" class must be added to the unordered-list element.