Banner Images

There are several banner image options available to you. As we discussed on the Template Properties page, you can choose to display the entire banner or shorten it (minimize) for additional vertical space. Below are two sets of banners, some are suitable for both full and minimized. Click on a link to preview how the banner image will appear. Click here to see these images minimized or here to return the banner to the default state. More information about the size of the flexible layout banner image is available here.

  • Buildings/Landscapes
    • Banner East College in Autumn [banner2.jpg]
    • Banner East College in Summer [banner3.jpg]
    • East College East College [banner-eastcollege.jpg]
    • Clock Tower Clock Tower [banner-clock.jpg]
    • Community Bikes Community Bikes [banner-bikes.jpg]
    • Emison Emison [banner-emison.jpg]
    • Library Quad Library Quad [banner-quad.jpg]
    • Emison and Walden Stairs Emison and Walden Stairs [banner-emison-stairs.jpg]
    • The Pillars The Pillars [banner-pillars.jpg]
    • Residence Hall Mason Hall [banner-residencehall.jpg]
    • Flowers and Peeler Flowers and the Peeler Art Center [banner-flowers-art.jpg]
    • Library Quad in Fall Library Quad in Fall [banner-quad-fall.jpg]
  • In Class
    • Banner Class Outside [banner.jpg]
    • Chem Lab Chemistry with Jackie Roberts [banner-chem1.jpg]
    • Class with Sherry Mou Professor Sherry Mou with students in class [banner-classmou.jpg]
    • Class at Fountain Professor Angela Castaneda with students at the fountain [banner-classfountain.jpg]
    • Greg Schwipps and students in class Greg Schwipps and students in class [banner-classschwipps.jpg]
    • International students performing an experiment International students performing an experiment [banner-chem2.jpg]
    • Chem3 Chemistry - Two Students [banner-chem3.jpg]
    • chem4 Chemistry - Three students with laptop [banner-chem4.jpg]
    • Dave Berque working with students and technology Dave Berque working with students and technology [banner-classtechnology.jpg]
    • Class in Julian Professor Christine White and students in Julian [banner-classjulian.jpg]
    • Students in class Students in class [banner-studentsinclass.jpg]
    • Management Fellows Students Management Fellows Students [banner-management.jpg]
  • Arts@DePauw
    • Orphan of Chao Arts@DePauw - The Orphan of Chao [banner-artsdp.jpg]
    • artsdp5 Arts@DePauw - Performance with masks [banner-artsdp5.jpg]
    • Rhythms Arts@DePauw - Rhythms [banner-artsdp2.jpg]
    • Arts@DePauw - Sweeney Todd Arts@DePauw - Sweeney Todd [banner-artsdp4.jpg]
    • Arts@DePauw - Self Portrait Arts@DePauw - Self Portrait [banner-artsdp3.jpg]
    • Choir Arts@DePauw - Choir Dress Rehearsal [banner-choir.jpg]
  • Events
    • Monon game Monon game [banner-monon.jpg]
    • Old Gold Parade - President Bottoms Old Gold Parade - President Bottoms [banner-ogparadebottoms.jpg]
    • Old Gold Parade - Students on Bikes Old Gold Parade - Students on bicycles [banner-ogparadebikes.jpg]
    • Little 5 - #2 Little 5 - Group of Riders [banner-little5-2.jpg]
    • Little 5 - #3 Little 5 - Riders and Cheering [banner-little5-3.jpg]
    • Little 5 - #6 Little 5 - Five Students Resting [banner-little5-6.jpg]
    • Little 5 - One Rider Little 5 - One Rider [banner-little5-1.jpg]
    • Little 5 - Two Riders Little 5 - Two Riders [banner-little5-4.jpg]
    • Little 5 - Cheering Little 5 - Cheering [banner-little5-5.jpg]
    • Little 5 - Smile Little 5 - Smile [banner-little5-7.jpg]
    • Old Gold Parade - Students Old Gold Parade - Students [banner-ogparadestudents.jpg]
    • Monon game Monon game [banner-monon.jpg]
    • Career Day Career Day [banner-careerday1.jpg]
  • Students
    • Nature Park field work Nature Park field work [banner-studentsnaturepark1.jpg]
    • Students outside Students outside [banner-studentsoutside.jpg]
    • studentlaptop Student with Laptop in front of Julian [banner-studentlaptop.jpg]
    • Mentor group leaders Mentor group leaders get ready for the incoming class of 2010 [banner-mentors.jpg]
    • Students in front of Julian Students in front of Julian [banner-studentsjulian.jpg]
    • Greenhouse Students in the Greenhouse [banner-greenhouse.jpg]
    • International students outside International students outside [banner-notmin-studentsoutside2.jpg]
    • Students in front of Emison Students in front of Emison [banner-studentsemison.jpg]
    • Campus golf Campus golf [banner-studentgolf.jpg]
    • Student Group Outside Student Group Outside [banner-studentsoutside2.jpg]
    • Students Walking 1 Students Walking Behind Union [banner-studentswalking1.jpg]
    • Students Walking 2 Four Students Walking [banner-studentswalking2.jpg]
    • Students Walking 3 Four Students Walking [banner-studentswalking3.jpg]
    • Students Walking Students Walking in Fall [banner-studentswalking.jpg]
    • Students with bike Students with bike [banner-studentswithbike.jpg]
    • Student Studying Student Studying [banner-student-study.jpg]
    • Students Walking 4 Students Walking [banner-studentswalking4.jpg]
    • Students Walking 5 Students Walking [banner-studentswalking5.jpg]
  • Alumni
    • Alumni Achievement Awards Alumni Achievement Awards [banner-alumachieve.jpg]

How to change your page banner

Step One

To change your banner you will need to edit your site's "site.css" file within the "_css/" folder. Open this file in your HTML editor.

Step Two

Choose your new banner image above and copy the file name within the brackets.

For example, if you would like to change your banner image to The Orphan of Chao banner, copy banner-artsdp.jpg

Step Three

Search for the text "#Banner". It is most likely at the top of the file. Change the line that reads:

background-image: url(/templates/_images/banners/banner3.jpg);

to this (be certain to remove the brackets from the image name):

background-image: url(/templates/_images/banners/banner-artsdp.jpg);