Changing a Site’s CSS in Real-time

A major benefit of working with browser tools is that you can modify the CSS on-the-fly to get an instant preview. For instance, Figure 16.62 shows the options for modifying CSS properties in Firebug, including editing the current (selected) element style and adding new properties.

Figure 16.62 Options for real-time CSS modification in Firebug.

image

Figure 16.63 shows the result of modifying the .nightandday .ms-cui-topBar2 class to include a new background-color property. Refreshing the page removes changes. If you want to keep any changes made using browser tools, just like when prototyping SharePoint sites in SharePoint ...

Get Microsoft® SharePoint® Designer 2010 Unleashed now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.