SharePoint 2007 – Using Firefox and Firebug to Debug CSS

Debugging the CSS that comes with the style sheets (CSS) in SharePoint 2007 can be challeging at times.  The best tool I’ve found is a plug-in for Firefox called Firebug.  This demo shows how to use Firebug to “test out” how certain CSS changes will look and to determine which CSS file is being used – remember the ‘C’ in CSS stands for cascading.

Also, modifying the OOTB SharePoint style sheets (e.g. ‘Core.css’, etc) is NOT recommended and goes against best practices.  For more information on CSS, see this CSS Tutorial from w3schools. The best online source for information on branding SharePoint is contained in Heather Solomon’s blog.