This is part 2 in a series of posts about how to create your own SharePoint theme. Click Here to read part 1 (how to set-up your own theme)
This post is about the CSS properties to be modified.
When customising an existing theme, the main file to edit is ‘THEME.CSS’ located in the folder containing your theme (created during part 1 of this series). Any changes made to the THEME.CSS file will only affect that theme. The other file you may need to edit is ‘CORE.CSS’ located in C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\12\Template\Layouts\1033 . However any changes made to CORE.CSS will affect all themes so use with caution. In most cases, the easiest solution is to create the same properties in the THEME.CSS.
The presentation embedded below contains descriptions of the main properties you will likely want to modify on a standard SharePoint 2007 site. Most properties apply equally to Microsoft Office SharePoint Server (MOSS) 2007 and Windows SharePoint Services (WSS) 3.0.
Click to view in Full Screen mode if details look blurred.
Please note that this presentation is based on existing materials created by Heather Solomon and Microsoft. References are in the presentation and also included at the end of this post. If you are modifying the theme for a web publishing site, Heather’s site will provide far more information than is included here. This presentation is related to a table detailing all properties within a standard THEME.CSS file (the Classic theme) that we use when modifying themes for customers – see Related Links below.
Related Links:
- Create your own SharePoint theme (blog post, August 2008)
- Sample THEME.CSS file with details (table on web site)
- SharePoint CSS Properties Presentation (PDF of the presentation embedded above)
References:
- Heather Solomon’s CSS Reference Chart
- Customising the Look and Feel of SharePoint Sites by Mike Ammerlan (European SharePoint Conference, 2007)