The Best Way to Add Custom CSS to SharePoint
To thoroughly customize your SharePoint site, you'll need to use a custom CSS.
SharePoint offers a way to specify a single CSS file to use via the
"Master page" settings for the site. However, using this approach still
limits you to customizing only those IDs and classes that are included
on the pages by SharePoint. Moreover, using this setting applies to both
site and system pages, which may not be desirable.
With these downsides in mind, the best approach is to create a custom master page and include references to one or more custom CSS files. Follow the steps below to include a custom CSS file in your master page.
With these downsides in mind, the best approach is to create a custom master page and include references to one or more custom CSS files. Follow the steps below to include a custom CSS file in your master page.
- Open SharePoint Designer (SPD) and connect to the root level of your site's site collection.
- In SPD, open the "Style Library" folder.
- Create a new CSS file and name it (e.g. "customstyles.css").
- Open your master page file in SPD.
- In the <head> tag add a link to your custom CSS just above the
content place holder named "PlaceHolderAdditonalPageHead" as follows:
<link href="/Style%20Library/customstyles.css" rel="stylesheet" type="text/css" />
No comments:
Post a Comment