Modify the SharePoint Branding Area using CSS
A SharePoint tutorial by Peter Kalmstrom
In the demo below Peter Kalmstrom explains how to modify the branding area
of SharePoint using two different methods. Both methods make use of a CSS
Peter Kalmstrom is the CEO of kalmstrom.com Business Solutions and a Microsoft
certified SharePoint specialist and trainer. He is using SharePoint 2013 for
his tutorial, but the branding area modification can be done in the same way
in SharePoint 2010 and 2016 on premise. This tip is no longer valid for
Office 365 SharePoint.
Below are the steps for both methods. In the demo Peter shows exactly how
to perform each step.
Follow these steps if you are using the Enterprise version of SharePoint
- Go into Site Contents >Site Assets.
- Either upload an existing CSS file or create a new one by opening
the library with Explorer, create a new text document and give it the extension
- If you use Office 365 or don't have access to the server, activate
SharePoint Server Publishing Infrastructure in the site collection and
SharePoint Server Publishing on the site.
- Go into Site Settings >Master page and apply the CSS file
by defining it as alternate CSS.
- Modify your CSS file as you like. To find object names and colors,
open the developer tools. Select the part you want to change, to see
the HTML tag for it.
- Save the CSS file and refresh the SharePoint site to see
PowerShell on server
Follow these steps if you need to work on the SharePoint server
- Open PowerShell ISE.
- Add the Snapin microsoft.SharePoint.Powershell and a continued
- Get the URL to the site you want to change into the variable myWeb.
- Give the URL to the alternate CSS file to the web object myWeb.
- Update the myWeb object and run the script.
- Refresh the SharePoint page to confirm that the branding area
has been changed according to your CSS file.
Try the kalmstrom.com
Outlook and SharePoint Solutions
Kanban Task Manager
Visualize and co-operate on projects and tasks in Outlook
Issue tracking with Outlook and SharePoint
Time Reporting from inside your SharePoint or Outlook Calendar
Teacher controlled self studies in SharePoint
Customized backup and archiving of SharePoint list items to an MS Access
or SQL Server database
Let Outlook publish e-mail attachments to a SharePoint document library
and add a link in the e-mail.
Resource Management in the Outlook Calendar
Base inside Outlook
Always the latest news
in the kalmstrom.com blog
Follow kalmstrom.com on