Carnegie Mellon University

CMU Web

A service provided by the University CMS Team

full width photo of the Fence on campus with the word wide painted on it

Wide

The wide content type is a WYSIWYG that spans the full width of a page. Yes, really! And as with any WYSIWYG you can add text, images, media, and more. However, with wide power comes wide responsibility.

While it may seem like having a wide open space is a break towards freedom from the confines of the page templates, the wide content type is not a license for "anything goes!" Before using it, please read the FAQs below... twice!

Imagine reading a newspaper or magazine article where each line spans the full width of the page. You lose your place, you get a sore neck, you might get seasick, and you definitely get cranky.

Text is much easier to read in a smaller, contained space. This pertains to websites too, and since you can't control how wide those widescreens are, it's best to stick with the Content WYSIWYG for paragraphs of text.

Use the wide content type for the following:

  • Large images
  • Videos
  • Google Maps
  • Calendars like Tockify and and Google Calendar 
  • Tables with a lot of columns
  • Headings, quotes and page dividers

Images for the wide content area should be 1400 pixels wide minimum (height is open). Be sure to compress your images to reduce file size.

Person reading text across a full screen

We really hope you don't! Please re-read the first question.

Wide is great for headings and quotes, or to create a page divider like this!

Wide comes with background colors and background images.

Add Wide

  1. In page edit mode, start with a Content section (to add a new one click the + near an existing one)
  2. For Type select Wide
  3. Complete the settings for Section ID, Style and Background Image (optional)
  4. Add content to the WYSIWYG

IMPORTANT: Be sure to read the FAQs above for guidance on the types of things suited for the wide content type. Here are the Cliffs notes:

Don't use wide content type for paragraphs of text!
CMS interface of the wide content type.

Wide settings in the page edit interface.