Highlight components

Highlight components are designed to give small content items more visibility on your page. When a user is scrolling down the page, highlights will draw attention to the eye and provide a variety of visual elements on the page.

There are two ways to add content to a highlight component. In the Quote, Call to Action and Contact components, you add content directly into the component fields. For the Directory and News and Event highlights, you can select to populate the component with content created as a custom post type as well as decide what displays to a visitor based on filtering by "most recent," "curated" or a particular category/taxonomy.

This is a Highlight Quote, text limit is 60-66 words. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus consectetur pellentesque turpis sit amet faucibus. Nullam convallis dignissim tincidunt. Praesent at ultrices odio, suscipit aliquam massa. Pellentesque feugiat facilisis congue. Suspendisse posuere tristique leo, vel tincidunt sem placerat eu. Suspendisse at dapibus ligula. Donec venenatis nibh quam, et bibendum nunc sagittis at. Suspendisse non rutrum.

Author Name  |  Author description here

Highlight Call to Action

This type of highlight component has a required title, text limit is 75-88 words depending on title length. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus consectetur pellentesque turpis sit amet faucibus. Nullam convallis dignissim tincidunt. Praesent at ultrices odio, suscipit aliquam massa. Pellentesque feugiat facilisis congue. Suspendisse posuere tristique leo, vel tincidunt sem placerat eu. Suspendisse at dapibus ligula. Donec venenatis nibh quam, et bibendum nunc sagittis at. Suspendisse non rutrum felis. Morbi libero libero, ultricies.

Button link

Highlight Contact (with map or image)

601 S. Morgan St., UH 1308, (MC 388), Chicago, Illinois 60607
Phone: (555) 555-5555
Fax: (555) 555-5555

Highlight Directory (List Style)

Highlight News (List Style)

news image example

News example 2

Mauris augue felis, hendrerit feugiat consectetur ac, aliquet vel magna. Nulla et purus mauris.

sample news image

News example 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae urna rutrum, ornare lectus eu, tempus tellus. Donec eget condimentum felis. Donec luctus varius semper. Vestibulum congue, massa eu vehicula egestas, ante leo…

Highlight News (Two Column List Style)

Highlight Events (Single Column style)

Highlight Events (Two Column Style)

Highlight News & Events (recent, category or curated)