Block: Button

There are 2 different button styles supported by our WordPress theme- Solid (default) and Outline.

To add a button to your page: While you are on the page you wish to edit, either click on the little [+] icon at the top left of your page or click the [+] symbol after the block where you want to add your button. Type “button” in the Block search field to filter all blocks by “button” and select the “button” block. A button component will load into your page. Add your text to the button and in the right sidebar, select whether you want the default (solid) button or Outline button style.

You add buttons to your site by selecting the “Button” block and then selecting either the “Default” style or the “Outline” style from the “Styles” dropdown in the right sidebar.

Add your hyperlink to the button. You can paste the URL you wish to link to in the “link” entry box that shows up below the button when you add the button block, or, you can start typing the name of the page you want to link to and a WordPress will show a flyout with some page options.

Buttons have two recommended styles: 

Avoid long button labels

You can also have a button with more text than you should ever use. This is not recommended and is bad usability. We realize that this does happen, that the temptation is great to do something like this, or that someone else is having you make a button like this. Please resist creating long button labels — contact the web team if you need support regarding usability.

Skip to toolbar