• Skip to main content
  • Skip to main navigation
Baylor University
Drupal Content Management System (CMS)
  • CMS Migration
    • Project Scope
    • Project Context
    • Project Leadership & Team
    • Project News & Updates
    • Accessibility Statement
  • Consulting and Design
    • Creating and Migrating Websites
      • Website Migration Process
      • Design and Migration Process
    • Drupal Training Sessions
    • Key Terms
    • Project Roles
    • Web Consultants
    • Request a Drupal Site
  • Developer Docs
  • Documentation
    • Accessibility Resources
      • About Web Accessibility
      • Tips for Creating Accessible Content
    • Your Drupal Website
    • Introduction to Drupal
      • Helpful Hints
      • Logging In
      • Platform Updates
      • Types of Pages
      • Workflow States
      • URLs and Redirects
    • Basic Pages
      • Adding a Basic Page
      • Editing a Basic Page
      • Basic Page Hero Image
    • Events
    • Landing Pages
    • Navigation and Menus
      • Add Pages to a Menu
      • Child Page List Details
      • External Links
      • Place a Child Page List Block
      • Reordering the Menu
      • Featured Navigation Links
    • News
    • Users
      • Drupal User Roles
    • Styles, Images, and Video
      • Font Styles
      • Recommended Image Sizes
      • Adding Kaltura Videos
      • Baylor Icons
      • Image Sizing
    • Advanced Features
      • People
  • News & Updates
  • Baylor CMS
  • Role Management
  • Training
Baylor BU Drupal Content Management System (CMS) Documentation Basic Pages Basic Page Hero Image
  • Accessibility Resources
  • Your Drupal Website
  • Introduction to Drupal
  • Basic Pages
    • Adding a Basic Page
    • Editing a Basic Page
    • Basic Page Hero Image
  • Events
  • Landing Pages
  • Navigation and Menus
  • News
  • Users
  • Styles, Images, and Video
  • Advanced Features

Configuring a Basic Page Hero Image

Visual interest can be added to Basic Pages with the use of the Hero Image feature.

Basic Pages contain a feature that allows content managers to add a hero photo to the top of the page. This is a great tool for use on high-level pages that may not need the complexity of a Landing Page.

Step-by-Step Instructions

  • Example of a finished Basic Page Hero Image area.
Basic Page Hero Example
  • On a Basic Page, click on the "Hero Image" tab.
Screenshot: Hero Image Tab
  • After clicking the "Hero Image" tab, click the Select Image(s) button.
Select Image(s)
  • After clicking the Select Image(s) button, you'll see Drupal's media library.
  • You can select any image that has already been uploaded, or you can click the Upload image tab to add a new image.
  • For this documentation, click the Upload tab.
Upload Tab
  • On the Upload tab, you can choose a file from your computer and upload it to the Drupal site.
Upload an Image
  • After uploading an image, complete the Name and Alternative text fields.
  • Then scroll down within the modal window to complete the remaining required fields.
Image Upload Settings
  • In order to upload an image, you must agree that you have permission to upload the photo. Check Image Rights to confirm. (And if you don't have permission, please either get permission to use the image or select a different image to use.)
  • Click Select.
Images: Other Options
  • After selecting an image, scroll down the page, and you will see other options for a Basic Page Hero Image.
  • Optional.
    • You can add text to the Hero Image Text field.
    • Based on the image selection and the needs of the page, you can adjust the Hero Image Style, Hero Text Alignment, and Image Opacity Layer settings.
    • To provide the appropriate contrast ratio for accessibility purposes on most hero images please select the Image Opacity Layer setting. 
Other Basic Page Hero Options

Drupal Content Management System (CMS)

Baylor's content management system is a tool for academic and administrative units to create and manage websites.

andrew_maddox@baylor.edu
Baylor BU Drupal Content Management System (CMS) Documentation Basic Pages Basic Page Hero Image
  • CMS Migration
    Back
    • Project Scope
    • Project Context
    • Project Leadership & Team
    • Project News & Updates
    • Accessibility Statement
  • Consulting and Design
    Back
    • Creating and Migrating Websites
      Back
      • Website Migration Process
      • Design and Migration Process
    • Drupal Training Sessions
    • Key Terms
    • Project Roles
    • Web Consultants
    • Request a Drupal Site
  • Developer Docs
  • Documentation
    Back
    • Accessibility Resources
      Back
      • About Web Accessibility
      • Tips for Creating Accessible Content
    • Your Drupal Website
    • Introduction to Drupal
      Back
      • Helpful Hints
      • Logging In
      • Platform Updates
      • Types of Pages
      • Workflow States
      • URLs and Redirects
    • Basic Pages
      Back
      • Adding a Basic Page
      • Editing a Basic Page
      • Basic Page Hero Image
    • Events
    • Landing Pages
    • Navigation and Menus
      Back
      • Add Pages to a Menu
      • Child Page List Details
      • External Links
      • Place a Child Page List Block
      • Reordering the Menu
      • Featured Navigation Links
    • News
    • Users
      Back
      • Drupal User Roles
    • Styles, Images, and Video
      Back
      • Font Styles
      • Recommended Image Sizes
      • Adding Kaltura Videos
      • Baylor Icons
      • Image Sizing
    • Advanced Features
      Back
      • People
        Back
        • Adding a Person
        • Editing a Person
  • News & Updates
  • Baylor CMS
  • Role Management
  • Training
  • General Information
  • Academics & Research
  • Administration
  • Admissions
  • Gateways for ...
  • About Baylor
  • Athletics
  • Ask Baylor
  • Bookstore
  • Calendar
  • Campus Map
  • Directory
  • Give Light
  • Give to Baylor
  • Illuminate
  • News
  • Pro Futuris
  • Search
  • Social Media
  • Baylor Libraries
  • College of Arts & Sciences
  • Diana R. Garland School of Social Work
  • George W. Truett Theological Seminary
  • Graduate School
  • Hankamer School of Business
  • Honors College
  • Law School
  • Louise Herrington School of Nursing
  • Research at Baylor University
  • Robbins College of Health and Human Sciences
  • School of Education
  • School of Engineering & Computer Science
  • School of Music
  • More Academics
  • Athletics
  • Human Resources
  • Marketing and Communications
  • Office of General Counsel
  • Office of the President
  • Office of the Provost
  • Operations, Finance & Administration
  • Senior Administration
  • Student Life
  • University Advancement
  • Undergraduate Admissions
  • goBAYLOR
  • Graduate Admissions
  • Baylor Law School Admissions
  • Social Work Graduate Programs
  • George W. Truett Theological Seminary Admissions
  • Online Graduate Professional Education
  • Virtual Tour
  • Visit Campus
  • Alumni & Friends
  • Faculty & Staff
  • Online Graduate Professional Education
  • Parents
  • Prospective Faculty & Staff
  • Prospective Students
  • Students
  • Accessibility
  • Anonymous Reporting
  • Annual Fire Safety and Security Notice
  • Digital Privacy
  • Legal Disclosures
  • Mental Health Resources
  • Report It
  • Title IX
 
Baylor University
Copyright © Baylor® University. All rights reserved.
Baylor University • Waco, Texas 76798 • 1-800-229-5678