Buttons

To place a button, follow these steps:

• Select the element type Hyperlink
• Enter the link address/link text (hyperlink settings)
• Up to Contao 4.13: select the content element template ce_hyperlink_button_zeroone (template settings)
• Contao 5.0 and later: select the content element template content_element/hyperlink/button_zeroone (template settings)

In the tab Advanced CSS classes, under Button style (in classes for content elements), you can assign more classes to change the look of the button: .btn-primary, .btn-link, .btn-success, .btn-error.

Under button size you can change the size of the button: .btn-sm (small), .btn-lg (large).

With button full width the button spans the entire available width: .btn-block.