Change color theme

The color theme feature provides a quick and easy method for the academic unit to change the color theme of the site without interfering with the underlying design element. Purple is the default color, with red, orange, green, blue, brown, and gray as additional options. (Fig. 1)

The color theme feature inherits the color theme setting from the parent level all the way up to the school level landing page. By default, there is no color set on the root level school page. Academic units are free to explore the different color option that suits their sites.

Affected elements on the page

Most colored elements between the NYU Global Navigation and the footer will change color based on the selection in the color theme feature. For example:

  • Page header
  • Top navigation hover underlines
  • Mega navigation background color for schools
  • Component titles
  • Component backgrounds
  • Most links in components exclude the links in Generic Content component
  • Style elements,  such as the pointer on the Map Element component
  • Rules
  • Social media icons in Social Media Share component

Step by step guide

Follow these steps to change the color theme of the site.

  1. Navigate to the parent directory that houses your academic unit.
  2. Open/edit the landing page
  3. Click on Page Information button at the top left corner
  4. Select Open Properties link to open the page configure panel
  5. Switch to Advanced tab
  6. Scroll down to find Theme Color drop down menu
  7. Select a color
  8. Click the Done (check mark) button to save your progress. The entire site will refresh with the color you selected in step 6.

Troubleshooting

How do I unset a theme color?
To unset a theme color, simply follow the above steps. At step 6, instead of select a color, select the blank option.