Versions Compared

Old Version 13

changes.mady.by.user Kassandra Swearingen

Saved on

compared with

New Version 14

changes.mady.by.user Erica McConnaughey

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • Pattern - choose between a Gray, White, Blue or Red background
  • Microtitle - add a tagline or a secondary title above the H1
    • Example: "A People-First Focus on Business" microtitle shown below
  • Title
  • CopyCopy 
  • Link

Custom Pattern - add a custom background pattern

...

Animated - a full width background image with animated text

Use sparingly.

As of June 2025, only use with one image and phrase. Functionality for multiple images and phrases coming soon.

  • Images repeater - add a row for each image
    • Image
      • Use images with the same file dimensions
    • Animated text
      • Max 40 characters
      • Make sure content is wrapped inside HTML tags
      • Default value is set to <p class="display-2">Add text here</p>
      • Use existing styling classes for this content
        • "display-#" classes to modify the font size; change "display-2" to a larger number, such as "display-4" if you want the text to be smaller
      • Preview on mobile to make sure text displays properly over image

...

  • Add supporting copy to introduce the page. 
    • We typically add copy to parent pages (aka: program landing pages). 
      • Keep copy short, 40 words 145 characters max. 
  • Add a link to the hero. 
  • Buttons are typically either application links or a link to a form to request more information about a program (aka: RFI). 

...

  • Even if the hero block doesn't work for a particular page, you may want to add the block with no content and check the "Hide breadcrumbs" option.
    • You will need to select a type and optional to add a title such as hero or hidden hero and add the class d-none to the additional CSS classes under Advanced on the right side of the editor; otherwise, the hero is hidden from view on the editor, and you'll need to go to click on document overview to see it.
  • In some cases, such as for Update magazine issue landing pages, the image for the Hero doesn't work within the block. You can add the image before the Hero (in either the WordPress Image block or as HTML with the Custom HTML Wordpress widget), not select a Type, not add any Title or Copy, and disable breadcrumbs.
    • This will allow you to display an image as the page banner. This will also remove the black-text H1 that appears by default without a Hero on the page. See Update Fall 2020 as an example. 

...