There are two types of buttons available: Link buttons, and Download buttons. A button can also have a blue, green or dark blue background. The button can be left-aligned, centred or full-width. Button settings may be combined in many ways.
Custom Button Block – New!
There is a custom block available for creating many kinds of buttons. Add a new block and search for ‘CBT Button’.
Blue Button (Default settings – basic link)
Green Button (Align: full-width)
Dark Blue Button (Align: centre)
Download button (Icon: download)
Use in combination with columns to create button groups.
Link buttons
Buttons are used in decision tree pages, and are available for use in other locations on the site as well wherever you want to present a link between pages in the form of a button.
Examples:
Tip: To use these link buttons on your own pages, select Edit and switch into the Text view tab to copy the entire <a> tag that contains the button. Once you have pasted the <a> tag into your page in Text view, you can edit the button title as needed. Make sure you copy the full tag including the end of the tag, as shown below:
Tip: if you are using more than one row of buttons arranged in columns, use a Vertical Spacer shortcode as shown below to keep the buttons from touching:
These can be placed from the Add Columns icon, as shown below:
Delightful Download buttons
Delightful downloads is the name of the plugin we use to manage our PDF files. The button shortcodes shown below can be added using the Add Download button in the text editor.
There are four variations available, in blue and green, with and without download icons. PDF files should use the button design without the icon. On occasions when a Word, Excel, PhotoShop or other downloadable file format is used instead of a PDF, you can use the button design with the icon.