Calls to Action

Description

Calls to Action provide emphasis on the main actions we want site visitors to take when viewing a page. Calls to Action were designed to be placed in 3 or 4 column rows and can include icons with headlines and buttons or can include images with descriptions and buttons.

How-To

  1. Add a new Row
  2. Click the pencil icon on the row to open Row Settings
  3. Click the gear icon to open the Settings menu and select the Calls to Action option.
  4. Change the column layout to either 3 even columns or 4 even columns
  5. Within each column, click the + sign and add a new Call to Action component
  6. Select an icon to display above the title (optional)
  7. In the Content field
    1. Insert an image using the Add Media button at the top of the editor field. Be sure to insert the Full Size image by checking the image settings after inserting.
    2. Type a title then highlight the text and select the “Title” format from the Formats menu
    3. Underneath the title, type a short description
    4. Underneath the short description, create a link for the CTA then highlight the link and select one of the a.button formats from the Formats menu

Examples

Start Your Application

Apply

Virtual Tour

Virtual Tour

Schedule a Visit

Visit

Request Information

Request Info

Update Your Address

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae commodo justo.

Update Your Address

Update Class Notes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae commodo justo.

Update  Class Notes

Sign Up for eNews

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae commodo justo.

Sign Up for eNews

CTA Placeholder

CTA Title 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nibh ex, volutpat vel lobortis id, suscipit sit amet metus. Cras nec est purus.

CTA Link 1

CTA Placeholder

CTA Title 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nibh ex, volutpat vel lobortis id, suscipit sit amet metus. Cras nec est purus. Nulla eget velit molestie, bibendum nisl ac, varius nulla. Duis luctus porta massa, nec ultricies nulla dapibus id. Integer a feugiat leo. Mauris vel mattis urna. Phasellus aliquet dui ligula, vulputate tristique mi pharetra non.

CTA Link 2

CTA Placeholder

CTA Title 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nibh ex, volutpat vel lobortis id, suscipit sit amet metus. Cras nec est purus.

CTA Link 3