
Overriding CSS
❘
131
Replacing the Site Icon with a Custom Logo
Another simple change you can make to your SharePoint branding is to replace the site icon with
a custom logo. This is easy enough to do in SharePoint Foundation or Server; the following steps
describe how to change the site icon to the
Logo.png image from the chapter downloads:
1. Make sure you have downloaded Logo.png from the chapter fi les.
2. Browse to your SharePoint Server site and click Site Actions ➪ View All Site Content.
3. From Document Libraries, click Style Library ➪ Themable ➪ Demo.
4. From the ribbon, click Upload Document and upload Logo.png.
5. To ensure that the uploaded logo is published, click next to the fi lename in SharePoint; then,
on the ribbon, click Publish. When the dialog appears, click OK.
6. Click Site Actions ➪ Site Settings, and under Look and Feel click Title, description, and icon.
7. For Logo URL and Description, enter Style Library/Themable/Demo/Logo.png and click OK.
Figure 5-40 shows the new site logo. In the next section, you will see how you can add theme com-
ments to the custom CSS to allow the header image to be recolored by a SharePoint 2010 theme.
FIGURE 540
Understanding Theme Comments
As stated earlier, when a theme is applied to a SharePoint 2010 site, SharePoint looks for specifi c
CSS markup comments in the out-of-the-box SharePoint CSS as well as for custom CS