Highlighted text in right column

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas mollis nulla a facilisis fringilla. Vivamus egestas nisi tristique pellentesque maximus.

Highlighted video with caption in right column

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

For images and youtube videos titles are optional but captions are required.

Highlight content panel

The Highlight content panel can be used to draw attention to various types of content:

Text (with an optional image)
Quotes (with an optional image)
Youtube videos
Images with captions

All variations of this template have the option of including a title.

The template can be used in the Main column or Right column and can also appear within Tabs.

See instructions on how to work with this template.

Examples

Quote with title

Design is a plan for arranging elements in such a way as best to accomplish a particular purpose.

Charles Eames

Quote with an image but without a title. When we think of design, we usually imagine things that are chosen because they are designed. Vases or comic books or architecture…

It turns out, though, that most of what we make or design is for the public who have to fill out our tax form, interact with our website or check into our hotel room despite the way it’s designed, not because of it.

Seth Godin

Highlighted text with image (heading and image are optional)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas mollis nulla a facilisis fringilla. Vivamus egestas nisi tristique pellentesque maximus. Mauris semper sed arcu eget tristique. Nunc scelerisque dolor tellus, quis molestie magna commodo ac. Cras ultricies elementum nulla id commodo. Sed dictum massa ac magna viverra, vel congue mi pulvinar. Proin mi augue, euismod eget nulla ac, commodo ultricies massa. Donec ornare metus a nulla convallis lobortis. Suspendisse finibus, nunc nec sollicitudin porttitor, velit nunc ornare tellus, at ultricies turpis turpis nec ex.

Examples of 'Highlight content panel' within tabs

There are various ways that you can display the Highlight content panel within tabs. Remember that this is with the purpose of highlighting additional information and should not be the only content within a tab.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.

Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,

Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc.

Instructions

Add highlighted text

Add the Highlight content panel and give it a Name 'Highlight - [description]'
The Title is an optional field that will display above the text.
Add the text to be highlighted into the Text box
If required, select an Image from the media library to go alongside your text.
Leave Video, Make into quote box and Quotee name blank
Select from the check boxes whether you would like the highlighted text to appear in the main column or right column (select only one) or alternatively leave both blank if you want the Highlight to eappear in a tab (see separate section).

Add a quote

Add the Highlight content panel and give it a Name 'Quote - [name of quotee]'.
The Title is an optional field - it is not usually included with a quote.
Add the quote text to the Text box - please do not include quotation marks as these are added automatically.
If required, select an Image from the media library to go alongside your text - this should be a profile of the quotee and should be cropped into a square. It will be automatically resized to be 220 pixels wide.
Check Make into quote box
Add the quotee's name into the Quotee name area. This can be left blank if appropriate.
Select from the check boxes whether you would like the highlighted text to appear in the main column or right column (select only one) or alternatively leave both blank if you want the Highlight to eappear in a tab (see separate section).

Add a YouTube video

Add the Highlight content panel and give it a Name 'Highlight - [video description]'
The Title is an optional field which you could use to include the title of the video
Add the caption for the video into the Text box. Each video must have a brief caption
Add the YouTube video's unique ID string into the Video box. To do this navigate to the video you would like to embed in YouTube and copy everything in the URL that appears after the = sign and paste it into the Video box.
Leave Image, Video, Make into quote box and Quotee name blank
Select from the check boxes whether you would like the Highlighted text to appear in the main column or right column (select only one) or alternatively leave both blank if you want the Highlight to eappear in a tab (see separate section).

Add an image with caption

Add the Highlight content panel and give it a Name 'Highlight image - [description]'.
The Title is an optional field.
Add the caption text to appear underneath the image in the Text box.
Select the image from the media library in the Image box. See more information on working with images.
Leave the Video, Make into quote box and Quotee name boxes empty
Select from the check boxes whether you would like the highlighted text to appear in the main column or right column (select only one) or alternatively leave both blank if you want the Highlight to eappear in a tab (see separate section).

Add highlighted content to a tab

The Highlight content panel can be added to any tab on your page.
When adding the Highlight content panel leave both of the Display in main column and Display in right column boxes unchecked.
Under the sub-heading Tab display options check Display in tab.
In the drop-down select the Tab ID to display that corresponds to the tab where you want the highlighted content to appear. .
Check either the Display before tab's current content or Display after tab's current content boxes. These options will align your highlight content to the top or bottom of the chosen tab.