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 
Section Slide Banner

Section Slide

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 (right after the hero image banner):

  • https://business.columbia.edu/alumni

Section Slide

What it does: A full-width, single-panel promotional section — not a rotating carousel, but a single "slide" styled block. Each Section Slide contains one or more Section sub-items (title, body, image, button), and can be displayed in Default or Grid layout with an optional grey background.

When to use it: Mid-page promotional blocks, pull-quote-style sections, featured CTAs between content areas.

How to Add

  1. Edit the page node.
  2. Click Add Component → Section Slide.

Fields to Fill In

Field LabelWhat to EnterRequired?Notes
TitleSection headingNo—
DisplayDefault or Grid layoutYesDefault: Default
CardSection sub-items (see below)NoReferences paragraph_section child type
Alternative BackgroundEnable grey backgroundNoEnable = grey

Section (Child) Fields

Field LabelWhat to EnterNotes
TitleSection card title—
BodyBody textRich text
ImageUpload or select image; alt text required—
ButtonButton sub-component (via Button List)—

How to Update

  1. Edit the page, open the Section Slide component.
  2. Edit the card items within it, update text, images, or buttons.
  3. 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