Custom CSS to SharePoint 2010 Master Page

1. Open your site using SharePoint Designer 2010

Custom CSS in SharePoint 2010

2. Click on ALL Files

3. Go to Style Library

4. Right click go to new and select CSS

5. Name your CSS as custom.css

In this sample, I am using CSS files from

For Clean Blue Navigation

6. First I copy the

<SharePoint:CssRegistration name="/Style Library/Blog/Blue.css" runat="server" After="corev4.css"/>

7.  I copy and past the other code

Custom SharePoint 2010 Global Navigation

8. Save the file

Now open your master page and copy and past <link href="/Style%20Library/customs.css" rel="stylesheet" type="text/css" />

ABOVE ID= PlaceHolderPageTitle  this should be in line 19 and your code should be in line 18

If you named your style in different name, change the name according to your style sheet name

Custom SharePoint 2010 Global Navigation, Custom CSS


9. Save your master page and open your SharePoint 2010 site. You should see your Custom SharePoint 2010 Global Navigation.


Custom SharePoint 2010 Global Navigation

Published by Aryan Nava

Founder of "BlockchainMind", CTO for two Blockchain startup during 2018, Cloud/DevOps Consultant and Blockchain Trainer

2 thoughts on “Custom CSS to SharePoint 2010 Master Page

  1. Instead of Doing copy and past goto the site settings > Look and Feel > Master Page > URL Of CSS and select apply to all subsites.
    it wont require to modify the master page to attach css. If JS files are there then it require or else JS files can be include in Webparts.

Leave a Reply

Please log in using one of these methods to post your comment: Logo

You are commenting using your account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: