Header Images

Header images in web design are essential elements positioned at the top of a webpage, capturing attention and setting the tone for the content below. They contribute to the overall visual identity, engaging users and providing a glimpse into the site's theme or purpose.


How to Add a Header to Your Site

  1. Navigate to the Headers section from the left-hand menu on the CMS. 
  2. Click the green +New Header button. 
  3. Select the size dimensions for your header (all headers must be 2000px wide).
  4. Upload the file you want to feature as your header by clicking on the Choose File button. 
  5. Provide text to display over the header image in the text editor (optional).
  6. Add in alternative text describing the image or video (required). 
  7. Choose the link type and where the link will open up to if hyperlinking the header file. 
  8. Choose the position you want the text to display from step 5 on the header. 
  9. Choose whether this page will display on specific pages or any page with a header enabled. 
  10. Choose a start/end date for displaying the header (optional). 

Header Image Example

header image on the cms resource homepage screen


Page last modified March 5, 2024