There are three button colors that can be used in the CMS. They can easily be created when you set up your link or you can use the List Spread Buttons snippet to create multiple buttons in a row.




Primary Button

Good for calls-to-action, think of it as a main purpose for a user on a page. You can find examples on our Apply Now page and in the sidebar of our magazine which prompts the user to download the magazine.

Primary Button

Secondary Button

This button compliments a primary button in some format. Generally, you only use this button if you already have a primary button somewhere on your page.

Secondary Button

Styled Button

If you’re looking to have a link that is a bit more stylized but not necessarily a call to action, this is a good option. These links can be seen on our homepage as the link to more news and on profiles with CV’s. This is the default button style in the List Spread Buttons snippet, the RSS Feed Combined snippet, and the Top Title w/More Links snippet.

Styled Button

Creating a Single Button in the CMS

JustEdit Editor in an Editable Region

  1. Type the text you want to be in the button.
  2. Select the text and choose the Insert/edit Link icon from the toolbar. Insert/edit link icon.
  3. Enter the URL for the button to link to or select the appropriate CMS link using the file picker.
  4. From the Class dropdown at the bottom of the window choose “Link Button Yellow,” “Link Button Gray,” or “Link Button Blank.”
  5. Click the blue OK button.

“Mini Editor” in an Asset

  1. Type the text you want to be in the button.
  2. Select the text and choose the Insert/Edit Link icon from the toolbar. Insert/edit link icon.
  3. Link the text using the Link URL field.
    Insert/Edit Link window
  4. Go to the Advanced tab.
  5. Enter the appropriate button code in the Classes field (without quotation marks).
    1. “button” for a yellow button
    2. “button-black” for a black button
    3. “button-blank” for a blank button
      Advanced tab of the insert/edit link window
  6. Insert.

Creating Multiple Buttons in a Row in the CMS

Use the List Spread Buttons Snippet to create multiple buttons in a row.

Comments Closed