How to add buttons to content

Overview

This document details how to add buttons to pages on your website. For more information on how to add links in general, please visit our documentation on Adding Links to Content.

Table of Contents

Step 1:  Select the text to be linked

When you are editing a page where you want to link some text, first, select the text (by highlighting with your mouse) you want to be linked and click on the "Link" icon, which looks like a chain.

Step 2: Paste your link url, or select your PDF doc

Now we can add a link to another page on our site, to a pdf or doc, and/or to a page on someone else's site. Click Save. 

Step 3: Select Style

While the link is still highlighted, click Style on the editor, and then select which button color you would like.

Once you select it, it should look like this

Step 4. Click Save

Once you're done click Save at the bottom of the page and you should have a button!

All Button Styles

Here is an example what all the button that we have are. 

Gold Theme Button Properties

The main difference between the Gold Theme Buttons and Bold Theme buttons is the font and the hovering property. When your mouse pointer hovers over the Gold Theme buttons, they get a little white border to indicate that you can click on it, while the Bold Theme buttons turn darker on hover. 

Regular:

On Hover:

Additional Information

Where can buttons be used?

Buttons can be used anywhere that links can. This includes other content types outside basic pages like Events, Articles, Research Areas, etc. They can also be used inside of blocks or in sidebars.

What sort of links can buttons be used for?

It can be used for internal links (links that lead to other pages of your website), external links (links that lead to a different website), PDFs, and emails.