Skip to main content

How to Make Template A

This documentation reviews the exact settings needed to replicate Template A.

Start by adding a page, then follow the steps below to add the page content.

Editing screen of showing the checked box for excluding title from the display
  • Check the box: Exclude title from display

Image
Text on media front-end screenshot for Admitted Students Page template A

Editing interface

Directions

  1. Add a Text on Media page element
  2. Full width checkbox: Checked
  3. Content style: Box style
  4. Content background color: Light
  5. Content alignment: Content left
  6. Media attachment: Scroll
  7. Space around content: 8 (6.0rem | ~96px)
  8. Title heading level: Page title (H1)
  9. Title alignment: Title left
  10. Additional options:
    1. Bottom spacing: Zero
  11. Title: Congratulations, Admitted Students!
  12. Media: Add image
  13. Body:
    1. Accept your admission to the U of A and the [Insert College Name] in the Next Steps Center.
    2. "Take your next steps" button

Editing interface

 

Directions

  1. Add Text
  2. Additional options
    1. Bottom Spacing: 8 (6.0rem | ~96px)
  3. Text
    1. Paragraph Heading 2: Welcome to the University of Arizona [Insert College Name]!
    2. Style Text size Lead: Paragraph

Image

Editing interface

Directions

  1. Add a Block
  2. Block description: College Community Spotlight
  3. Add the Cards page element
  4. Cards per row on desktop: 3
  5. Card style: Borderless cards
  6. Card title style: Title within card (default)
  7. Card title level: H3 (subsection heading)
  8. Card title display size: Default (H5 size)
  9. Clickable cards: Checked
  10. Additional options
    1. Cards per row on tablet: 1
    2. Cards per row on phone: 1
    3. Bottom Spacing: Zero
  11. Card group title color: Default
  12. Card group title: [Empty]
  13. Add card
    1. Card background: White
    2. Media: [Unique]
    3. Card Title: [Unique]
    4. Card Title Alignment: Title left
    5. Card Body: [Unique]
    6. Card Link Title: [Unique]
    7. Card Link URL: [Unique]
    8. Card Link Style: Text link
  14. "Add another item" and repeat for two more cards
  15. Save

Image

Editing interface

Directions

  1. Full Width: Checked
  2. Background Color: Gray 100
  3. Background Pattern: None
  4. Space Around Content: 5 (3.0rem | ~48px) - Default
  5. Additional options
    1. Bottom Spacing: 8 (6.0rem | ~96px)
  6. Text
    1. Paragraph style Heading 2, Align center: "College Community Spotlight"
    2. Embed the block "College Community Spotlight"

Image

Editing interface

Editing interface for the text area

Directions

  1. Add Text
  2. Additional options
    1. Bottom Spacing: Zero
  3. Text
    1. Paragraph Heading 2: Get Involved with [Insert School Name]
    2. Paragraph: [Unique]

Image

Editing interface

Split screen editing interface for Get Involved section

Directions

  1. Add Split Screen
  2. Full Width: Unchecked
  3. Image Order: Image Left
  4. Background Color: Gray 100
  5. Additional options
    1. Bottom Spacing: 4 (1.5rem | ~24px)
  6. Image: [Unique]
  7. Text
    1. Heading 3: [Unique]
    2. Paragraph: [Unique]
    3. Text link: Explore [unique]
  8. Repeat all steps for each Get Involved option

Image

Editing interface

Editing interface for text with background section

Directions

  1. Add Text with Background
  2. Full Width: Checked
  3. Background Color: Gray 100
  4. Background Pattern: None
  5. Space Around Content: 5 (3.0rem | ~48px)
  6. Additional options
    1. Bottom Spacing: 5 (3.0rem | ~48px)
  7. Text
    1. Heading 2: "Upcoming Events & Next Steps for Admitted Students"
    2. Bootstrap grid: Column 3, Equal width on large screens
      1. Within each column:
        1. Embed an image (size large)
        2. Heading 3: [Event or next step title]
        3. Paragraph: [Unique]
        4. Text link: [Unique]

Image

Editing interface

Editing interface for text area

Directions

  1. Add Text
  2. Additional options
    1. Bottom spacing: 5 (3.0rem | ~48px)
  3. Text
    1. Heading 2: "Contact Us"
    2. Text size lead: "Have a question about the University of Arizona [Insert College Name] or your next steps? Contact your recruitment manager."
    3. Bootstrap grid
      1. Column 2, Equal width on Medium size
      2. First column: Image, size large
      3. Second column:
        1. Text size lead: [Insert recruitment manager name]
        2. Bold: "Recruitment Manager"
        3. Button: "Email [Insert first name]"
        4. Paragraph: "Or call [Insert first name] at 520-555-5555"