STUDENT AFFAIRS
IT OPERATIONS GROUP

Changing Colors

Each color theme includes preset colors that match the theme of your site.  The elements that should have color applied are generally colored automatically, so you should not need to deal with changing colors on a regular basis.

You should not use the COLOR attribute for any HTML tag, except in rare circumstances where a specific color may be required (e.g. red).  The color settings are generally disabled in the online editor.

The template includes several CSS class definitions that allow you to use the correct colors for your theme.  If your site's color changes, these attributes will automatically change as well.  These classes can be applied by inserting the CLASS="<classname>" attribute into the HTML tag you would like to change.  In the online editor, these options can be applied by using the style dropdown menu. The following HTML tags can have their color changed:

• TR - change the color of a table row
• TD - change the color of a table cell
• P - change the color of a paragraph
• H6 - change the color of a headline

The following class values are defined for each theme.

• THEMEDARKBG - changes the background color to your theme color and also changes the text color to white, if necessary, so that it displays properly against the dark background
• THEMELIGHTBG - changes the background color to a light shade of your theme color
• THEMETEXT - changes the text color to match your theme
• THEMEBORDER - changes the border color to match your theme (this is not necessary for tables that have a border set)