Adding a Button (Template)

Through the WYSIWYG tool, you can add an html/css driven button. This provides an alternative to adding an image of a button and then linking it to your destination.

To use the button template:

On the editing page, click the "Insert" tab in the toolbar and select "Template". Select "Button" from the template choices. A box will appear showing an un-styled link (you will see the styled version after adding it). Click 'Ok' to add.

Be default, the button will not go anywhere. To update the link, highlight the text in the button and click the chainlink icon in the WYSIWYG.

Fill in the link information and update the "Text to Display" field with the text you want displayed on your button. Remember to add useful descriptive text, as well.

Click ok. After saving your page, your button will be displayed.

Default Button Style:

By default, the button uses the Mason colors defined in the branding guide. It has a default max width of 300px.

Customizations:

Customizations may be made using inline css, however, we recommend sticking with the standard Mason branding unless you have a specific use-case requiring something different. If you have questions or need help with this, please contact CHSSWeb.