Formatting Content for a Responsive Design

What does “responsive design” mean? It means that a website changes to show content differently on different screen sizes, such as the smaller screens of tablets or the very small screens of mobiles. Amherst’s website is now responsive in its overall look and behavior, but we rely on individual page authors to format their content so that it can collapse well on small screens, while still looking good on large screens.

Web Design Style Guide

Amherst homepage being tested on various screens

Creating Webpages on

This guide shows how to use the tools in the college’s Content Management System to make your webpages display well on a variety of screens and devices.

How to create an article

You can only create new content on pages where you have permissions to do so. If you have such permissions, you'll see a yellow toolbar at the top of the page with Contents and Settings tabs.

To create a new article on a page, click Add on the Contents tab. In the menu that appears, choose Article. This creates a new article which, much like a blog entry, will appear at the top of the that page.

You must enter a title in the Title field.


How to find a specific person in the Amherst community

Faculty, staff, and student information is published in several places.

Basic contact information appears in the Campus Directory. The amount of detail you receive when searching the directory depends on whether or not you are logged in.

There are several ways to reach the Campus Directory:


How to change your personal information in My Profile

Click on My Amherst at the top right of any Amherst web page.

On your My Amherst page, click on the My Profile tab.


How to change your password

  1. Click on the Tools menu located on the top right corner of every page of the Amherst website.
  2. Click Change/Manage Password.
  3. Follow the directions on the page.

About the Amherst College Website

In the fall of 2012, Amherst College launched a redesign of its website, Employing “responsive design” principles, the site changes according to screen size, so that pages and navigation are optimally readable on a variety of devices, including mobiles and tablets.

How to set page permissions

For a detailed explanation about how permissions work on the website see All About Permissions.

To change the permissions on a page, go to the page and click on the Settings tab at top.  If you don't have a Settings tab, then you don't have sufficient permission to change permissions.

On the Settings page there will be a Permissions section.