One type of content block content you specify for a grid cell is an Action Link. In this page's tutorial, we will review what Action Links are and how to create them.

Defining an Action Link

An Action Link is simply some text with a triangle next to it, with a colored background, and an optional image on the top. It’s a more noticeable way to link to something, especially when an image is added to the Action Link. Action Links should be used when you want links to stand out.

With images:

action-link-example.png

Without images:

action-link-sans.png

Creating an Action Link

Within a content block:

  1. Start with a new grid cell; if needed, add a new grid cell
  2. Set the grid cell width to 1/4, 1/3, or 1/2, depending on the layout of the page, and the length of the text in the link.  We do not recommend full-width action links.
  3. Select the "Yes" button under "Action Link?" to reveal Action Link options
  4. Type the text you want to display on the Action Link in the Action Link Text field
  5. Select a background color
  6. (Optional): Add an image
  7. Add an internal/external link

Sizing Action Link Images

Action Link images should be 1/3, 1/4, or 1/2 width. Find ready-to-use images here: _images/_action-links

Follow these dimensions for using other images:

  • Resolution must be 72dpi
  • Recommended file format is .jpg with quality of 8
ACTION LINK width height
quarter 360 376
third 480 346
half 488 236

 

Back to Top