Shortcodes

The shortcode [type /] is utilised to adjust the size of text where required outside of pre-styled elements like block quotes etc.

[type xs]X Small Type[/type]

[type sm]Small Type[/type]

[type md]Medium Type[/type]

[type lg]Large Type[/type]

[type xl]X Large Type[/type]

[type xxl]xX Large Type[/type]

The [button /] shortcode is used to place buttons inline into text containers. The style and action of the button can be controlled via parameters, as listed below. Where multiple values are possible, each value is separated by a pipe character (|), and the default value set in bold. Only use one value at the time.

[button 
       style="primary|secondary|outline|blur" 
       type="default|download|video" 
       video_id="12345678" 
       reversed
       icon
]
My button link
[/button]

• The video_id parameter is only used if the type is set to video. It should be populated with the relevant Vimeo ID so the site knows what video to grab.
• reversed and icon are non-value parameters, and added if required.
• reversed reverses the colour to white for %types% buttons.
• icon adds an icon to the button. This is contextual, and will change depending on the type set for the button.

Default Button

[button]Button Label[/button]

Button: Primary

[button style="primary" type="default"]Button Label[/button]

[button style="primary" type="default" icon]Button Label[/button]

[button style="primary" type="download" icon]Button Label[/button]

[button style="primary" type="video" video_id="1011846037" icon]Button Label[/button]

Button: Secondary

[button style="secondary" type="default"]Button Label[/button]

[button style="secondary" type="default" icon]Button Label[/button]

[button style="secondary" type="download" icon]Button Label[/button]

[button style="secondary" type="video" video_id="1011846037" icon]Button Label[/button]

Button: Outline

[button style="outline" type="default"]Button Label[/button]

[button style="outline" type="default" icon]Button Label[/button]

[button style="outline" type="download" icon]Button Label[/button]

[button style="outline" type="video" video_id="1011846037" icon]Button Label[/button]