Skip to main content
Web Implementation Guideline Group Illinois Drupal Framework
  • Site Setup
    • Basic Site Settings
    • Breadcrumbs
    • Editing Permissions
    • Footer Settings
    • Header Settings
    • Landing Page
    • News Archive Listing
    • Side Navigation Settings
  • Content Types
    • Content Page
    • News
  • Paragraphs
    • Accordions
    • Big Buttons
    • Call to Action
    • Call to Action Narrow
    • Cards
    • Contact
    • Content slider
    • Feature Box
    • Feature Group
    • Feature Split
    • Feature Video
    • Hero
    • Hero Section
    • Icon Row
    • Image gallery
    • Intro
    • List Collection
    • Rich Text
    • Vertical Tabs
    • Webtools Calendar
  • Elements
    • Icons
    • Tables
  • Live Websites
  • Feedback
    • Join our community
    • Training Material
  • Tutorials
    • Getting Started
    • Accessibility on the Web
    • Managing Header/Footer information
    • Navigation and Menu settings
    • Adding a Content Page
    • Adding a Giving page
    • Adding a News story
    • Adding a Spotlight
    • Adding paragraphs

Breadcrumb

  1. Home
  2. Adding a Content Page
  3. Adding a button

Adding a button

Tutorials

  • Getting Started
  • Accessibility on the Web
  • Managing Header/Footer information
  • Navigation and Menu settings
  • Adding a Content Page
    • Using the Text Editor
    • Adding a button
    • Adding an image
    • Linking to a URL or document
    • Adding an anchor tag
    • Unpublishing/Publishing a page
  • Adding a Giving page
  • Adding a News story
  • Adding a Spotlight
  • Adding paragraphs
    • Accordions
    • Big Buttons
    • Block Reference
    • Call to Action/Call to Action Narrow
    • Cards
    • Contact
    • Content slider
    • Feature Box
    • Feature Group
    • Feature Split
    • Feature Video
    • Hero
    • Icon Row
    • Image gallery
    • Intro
    • List Collection
    • Rich Text
    • Vertical Tabs
    • Webtools Calendar
Body
  1. Start by creating a link, preferably on its own separate line.
  2. Highlight the link text or place your cursor in the link text. Then, click the "Styles" dropdown to expand the button styles menu.

    Image
    Text editor with button text and Styles dropdown highlighted

     

  3. Select a button style from the menu. 

    Image
    Styles dropdown menu with button styles listed

There are four different options for button styles: 

Base button

White with blue

White with orange

Solid blue button

Solid orange button 

 

Web Implementation Guideline Group Illinois Drupal Framework

Email: las-web@illinois.edu

Login

Resources

  • Illinois Webtheme
  • About WIGG
  • Submit your feedback