Applying Stylesheets
SharePoint uses CSS to control the fonts, background, and foreground colors used by the sites on the SharePoint server. The default stylesheet is CORE.CSS, which is found at this location on the server:
C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\ TEMPLATE\LAYOUTS\1033\STYLES
Changes to CORE.CSS affect all of the SharePoint sites on the server. For example, making the following change:
body {
font-family: verdana, arial, helvetica, sans-serif;
background: white;
color:red;
}turns all of the body text on the server red! Be careful when editing this file.
Sites using themes are also affected by THEME.CSS found in the /TEMPLATE/THEMES/* folders. You can edit THEME.CSS to change the styles applied by a specific theme. For example, the following change to THEME.CSS in the NewTheme folder changes the page title font color for the theme created in the preceding section:
.ms-pagetitle{
color:black;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-weight:bold;
}Changing styles in a theme doesn't immediately change existing sites based on that theme, because stylesheets are cached on the client. If you don't see the changes you've made, force a full refresh of the page by pressing Ctrl+F5 in the browser. The full refresh reloads any cached stylesheets—just clicking the Refresh button won't do that.
Identifying the class name of styles that SharePoint uses on a page is difficult. Appendix B includes instructions on how to use a custom web part ...