A&S Web Guide

A helpful guide to web content and accessibility for the Faculty of Arts & Science, University of Toronto community.

  • U of T
  • Arts & Science Home
  • Drupal Guide
  • Web Writing
  • U of T Style Guide
  • Contact Us
You are here: Home / Drupal Guide / Button-Style Links

Button-Style Links

Buttons help you visually highlight important links on a page.

Create a Button-Style Link From Scratch

  1. Click on the Hyperlink icon in the editing panel.

  1. A Link Properties window will open. Fill out the fields as you normally would:
    • Display Text: Enter the link text (e.g., Apply Now).
    • Link Type: Leave as-is for a typical link, or change to an email or anchor link if needed.
    • URL: Enter the URL of the page you need to link to. Remember to use a relative link if you are linking to a page within your website.
  2. Click the Advanced tab in the top-right corner of the Link Properties window.

  1. In the Stylesheet Classes field, enter button-a.

  1. Press OK.
  2. Click Save or Publish at the bottom of the page.

Convert an Existing Link to a Button-Style Link

  1. Right-click on the existing link and select Edit Link.

  1. A Link Properties window will open. Click the Advanced tab in the top-right corner of the Link Properties window.

  1. In the Stylesheet Classes field, enter button-a.
  2. Press OK.
  3. Click Save or Publish at the bottom of the page.

© 2025 Faculty of Arts & Science, University of Toronto