Skip to main content
Official Logo of Columbia Business School
Students
  • Visit Students
  • Degree Programs
  • AI and Student Life at CBS
  • Admissions
  • Tuition & Financial Aid
  • Campus Life
  • Career Management
Faculty & Research
  • Visit Faculty & Research
  • Academic Divisions
  • MBA Transformed
  • Search the Directory
  • Research
  • Research Resources
  • Teaching Excellence
Executive Education
  • Visit Executive Education
  • For Organizations
  • For Individuals
  • Program Finder
  • Online Programs
  • Certificates
About Us
  • Visit About Us
  • CBS Directory
  • Events Calendar
  • Leadership
  • Our History
  • The CBS Experience
  • Newsroom
Alumni
  • Visit Alumni
  • Update Your Information
  • Lifetime Network
  • Alumni Benefits
  • Alumni Career Management
  • Women's Circle
  • Alumni Clubs
Insights
  • Visit Insights
  • AI & Transformative Tech
  • Climate
  • Business & Society
  • Entrepreneurship
  • Finance & Investing
  • Magazine
Website Operation Guides
  • Digital Performance & Insights Tools
    • BrightEdge
    • DubBot
    • Flourish
    • Google Analytics (GA)
    • Looker Studio (Data Studio)
  • Web Component Guides
    • Feature Set 1: Grids & Layouts
      • Anchor Section
      • Articles Curated Featured Grid
      • Content Grid
      • Editorial Grid
      • Image Gallery
      • Link Grid
      • Tabs
      • Section Grid
    • Feature Set 2: Carousels & Sliders
      • Award/Grant Carousel
      • Blog Carousel
      • Research Carousel
      • Section Slide
      • Testimonial Carousel
    • Feature Set 3: Lists & Curated Collections
      • Button List
      • Curated Media Mentions
      • Curated Person List
      • FAQs
      • Featured Media
      • Related Content Area
      • Statistics
    • Feature Set 4: Interactive Content
      • Conference Agenda
      • Views Embed (Dynamic Feeds)
      • Video Block (Dynamic Feed)
      • Webform Embed
      • Block Embed
      • Manual Video Block
      • Callout
      • Section Image Dividers
      • Primary Lander Text
    • Feature Set 5: Data Visualizations
      • Flourish Charts
      • CBS Charts
    • General Tips for All Components
  • Webpage Template Guides
    • Articles
    • Award / Grants
    • Citations
    • Conferences
    • Events
    • Faculty Profiles
    • Landing Pages
    • Media Mentions
    • Person Pages
    • Post-Graduate Profiles
    • Standard Pages
    • Student Profile Pages
    • Zoom Meeting Pages
  • Website Testing Guides
    • UAT Checklist for Testing
    • Node (Pages) Testing
    • Component (Paragraphs) Testing
  • Agentic AI Intelligence Tools
  • Visual UI Storybook
  • Service Requests
  • Contact Us
  • More 
Primary Lander Text Banner

Primary Lander Text

Step-by-Step Guide

If you have any further questions on proper setup, please fill out our Hive Service Request form and someone from the team will help you.

Page Examples:

For visuals of the component, please see the page below (component is visible after the image hero banner):

  • https://business.columbia.edu/financial-aid

Primary Lander Text

What it does: A full-width text block typically placed near the top of a landing page to set context. Contains a title, subtitle, required body text, and a footer link. Supports an optional grey background, width constraint, and whitespace/border controls. The body text field supports accordion styling.

When to use it: First or second component on department landing pages, program overview pages, or section homepages.

How to Add

  1. Edit the page node.
  2. Click Add Component → Primary Lander Text.
  3. Place it near the top of the component list.

Fields to Fill In

Field LabelWhat to EnterRequired?Notes
TitleMain section headingNo—
SubtitleSupporting subtitleNo—
BodyThe main introductory textYesRich text; supports accordion formatting
Footer LinkSection-level CTA — URL + labelNo—
Alternative BackgroundEnable grey backgroundNoEnable = grey
Center & Constrain LayoutLimits width to 1280pxNo—
Remove Top Border?Removes top separator lineNo—
Reduce Whitespace (Padding)?Tightens vertical paddingNo—
Reduce Whitespace (Margin)?Tightens vertical marginNo—

How to Update

  1. Edit the page, open the Primary Lander Text component.
  2. Revise the Body or Title as messaging evolves.
  3. Update the Footer Link if the destination page has moved.
  4. Save.

Need Additional Web Help?

Please fill out the Hive Service Request form below:

Hive Service Request

General Questions?

Reach out to the email below:

Get in Touch

Official Logo of Columbia Business School

Columbia University in the City of New York
665 West 130th Street, New York, NY 10027
Tel. 212-854-1100

Maps and Directions
    • Centers & Programs
    • Current Students
    • Corporate
    • Directory
    • Support Us
    • Recruiters & Partners
    • Faculty & Staff
    • Newsroom
    • Careers
    • Contact Us
    • Accessibility
    • Privacy & Policy Statements
Back to Top Upward arrow
TOP

© Columbia University

  • X
  • Instagram
  • Facebook
  • YouTube
  • LinkedIn

External CSS

Back to top

Accessibility Tools

English French German Italian Spanish Japanese Russian Chinese (Simplified) Chinese (Traditional) Arabic Bengali