Nov 26, 2009

Branding SharePoint 2007

Branding SharePoint 2007 Site using CSS

In SharePoint CSS can exists at places:

* In the 12'hive in the core.css
* In the Theme folder of 12'hive depending on the theme
* In the Master Page itself, i.e. inline css
* Page referring custom css files
* Content editor webpart
* WebPart code behind

So what's the order of execution of the CSS at page render time (i.e. CSS inheritance).

Well, this is kinda complicated it depends upon bunch of factor:

* Ghosted/Unghosted Master Page
* Unghosting Core.css using SPD
* Making copy of layouts folder
* How the master page is deployed
and so on ...

As Thumb Rule to keeps things simple,easy and efficient, do the following:

* Inline CSS inside the MasterPage
* CSS for only certain pages, use content editor webpart

BTW, Use IE developer toolbar to see whats styles from CSS is finally applied to the page content.

Pages