Digital

Highlight boxes

More examples

This is a single line highlightbox in a rightcol.

This is a multiple line highlightbox in a rightcol where the class is assigned to a div.

Its appearance has automatically changed to reflect its placement in the right column instead of the left.

Further Information

The Visual Identity is a part of the UWA Communications Strategy, and its use must be authorised by the University Website Office.


Page layouts


Page elements


Content containers


The "highlightbox" class is used to highlight a sentence or two of content.

It is most commonly used at the end of a section, to square off the page and draw attention to an important point.

Examples

This is a single line highlightbox, where the highlightbox class has been applied to a paragraph.

This is a multi-line highlightbox

In this case, the highlightbox class has been applied to a div which contains multiple paragraphs.

Implementation in MySource Matrix

For a single line highlightbox:

  1. Enter the text to be highlighted
  2. Click on the  "-- select css style --" drop-down box and select highlightbox

For a multi-line highlightbox:

  1. Create a new div, entering highlightbox in the Class field of the Insert DIV dialog box
  2. Enter the text to be highlighted

Technical implementation

For a single line highlightbox:

<p class="highlightbox">[highlightbox copy]</p>

For a multi-line highlightbox:

<div class="highlightbox">
<p>[highlightbox copy]</p>
<p>[more highlightbox copy]</p>
</div>