Button Shortcode

Use Case

The button shortcode is used to create a button that links to another page or target location

How to Use

Code

Default

[button link="https://vufind.carli.illinois.edu/vf-uiu/"] Library Catalog [endbutton]

Change text color

[button class="warmbrown" link="https://vufind.carli.illinois.edu/vf-uiu/"] Library Catalog [endbutton]

Add icon to the button

[button new="true" link="https://vufind.carli.illinois.edu/vf-uiu/"] Library Catalog [fa icon="tablet" size="1"] [endbutton]

Change font size and text color + icon

[button size="15" new="true" class="smokyblue" link="https://vufind.carli.illinois.edu/vf-uiu/"] [fa icon="tablet"] Library Catalog [endbutton]

 

Attributes

  • size: Font size of the text.
  • class: Set the text color. The options are ‘burgundy’, ‘smokyblue’, ‘warmbrown’ and ‘black’.
  • link: Links the button to the page/location.