designer

342 Chapter 10 Branding SharePoint Sites
1. In the Navigation pane, click Site Assets to display the gallery page for the Site
Assets library.
2. On the Assets tab, in the New group, click the down arrow for the Asset command,
and then click CSS.
Asset
A file named Untitled_1.css appears. The name of the file is selected.
3. Type MyStyles.css, and then press Enter to rename the file.
4. In the Navigation pane, click Site Pages. On the Pages tab, click the Page command
down arrow, and then click ASPX.
Page
Edit File
Attach Style
Sheet
A file named Untitled_1.aspx appears, with the name of the file selected.
5. Type MyPage.aspx, and then press Enter to rename the file.
6. With MyPage.aspx selected, click Edit File on the Pages tab. Click Yes to confirm
that you want to open the page in advanced edit mode.
The page opens in the workspace, and the tag is highlighted in the
Quick Tag Selector area on the workspace status bar.
7. On the workspace status bar, click Split if it is not already selected.
8. On the Style tab, click Attach Style Sheet in the Create group.
The Attach Style Sheet dialog box opens.
9. Click the Browse button to the right of the URL box.
The Select Style Sheet dialog box opens, displaying the folders, libraries, and files in
the root of your site.
Troubleshooting If your site’s contents are not displayed, expand Microsoft SharePoint
Designer at the top of the left pane, and navigate to your site.
10. In the Select Style Sheet dialog box, double-click SiteAssets, and then click
MyStyles.css.