New web

Web pattern library, style and technical reference

Container Templates

About Section - General

Documentation under development The About Section - General component allows for a standardised two-column piece of content to be added to a page, featuring content on the left and an image/video on the right.

This component can be used by applying the About Section - General container template to a WYSIWYG content area in your page header.

The component is part of our standardised Unicorn Component Library for the UON website.

Asset setup

Asset type WYSIWYG content container on a Standard Page
Container template

Asset configuration

Field Type Value Default Usage
Section label
Optional
Text - none -
Section label highlight
Optional
Select Dynamic based on 'Section label' - none - Used for selecting which word(s) are highlighted in blue in the label.
Is H1?
Required
Select
  • Is H1
  • Not H1
Is H1 Allows you to specify whether or not to make the 'section label' a H1 or not. Setting this to 'Not H1' will instead out put a div, the styling does not change.

Example

Related assets

Resource

Stylesheet .css Loaded as part of the unicorn.min.css library (#432456)

Content container template

Content container template # -
Metadata schema # - - Metadata schema
Paint layout # - - Paint layout
Simple edit layout # - - Edit layout

Code

CSS