If you want to quickly change the theme for a single SharePoint site, then this post is for you. If you want to change the colors on the “Simple” theme for your entire enterprise or add a new theme for everyone to apply – this post is not for you (you can learn how to do that here or here).
Prerequisites
- Site owner rights
- Knowledge of Css and Html
- SharePoint Designer 2007
- FireBug or the IE developer toolbar or some other way to find the styles or IDs of page elements on the screen. (Note: View Source is not an acceptable substitute unless you have 10 hours of free time)
Ok. Let’s get started. The first thing to do is to go to Site Actions –> Site Settings –> Site Theme and choose the theme that is closest to the look you want. For our example, we’ll say you choose the “Simple” theme.
Click apply and your site will now take on the look of the theme.
Next, open your site in SharePoint Designer. You should have a new folder “_themes” with a subfolder “Simple” that contains all the theme files.
There are a several Css files in the theme folder. This is where you will make most of your changes. You can also replace the theme images with your own if you want custom gradients or drop shadows etc. For the Css changes, I use Firebug or the IE Developer toolbar to identify the style name or ID of the elements I want to change and then update the styles accordingly.
This is the IE Developer toolbar where you can see the elements and class names.
I won’t go into detail on how to change the individual styles etc. I’m assuming you already know how to do that. If not, Heather Solomon has some good references on her site to get you going.
-ed