Donate now

Call to action bar

A full column bar which has a summary and call to action.

Overview

Here are working examples of the Call to Action bar component. Its appearance will change in response to the size of your screen.

Call To Action Bar - blue

Call to action

Call To Action Bar - dark grey

Call to action

Call To Action Bar - light grey

Call to action

Call To Action Bar - white

Call to action

Call To Action Bar - light grey

Call to action

Call To Action Bar - light grey

Call to action

Usage guidelines

  • You can edit the summary and call to action button text and link
  • You can change the background colour to be blue, dark grey, light grey and white.
  • You cannot change the colour of the button unless theming is applied

Placement

  • Place in the Body Content, or Body Footer.
  • Two column left, one column, one column centered.

Editing and customisation

  • Use to draw attention to a primary or secondary call to action.
  • The copy should be short and succinct, maximum 190 characters.
  • Should be used once per page.
  • By default use the dark grey colour theme unless this does not work with the design.
Back to top