Custom CSS to SharePoint 2010 Master Page

March 4, 2011 — 2 Comments

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

http://chrisstahl.wordpress.com/2010/11/04/customizing-sharepoint-2010-global-navigation-with-css-and-jquery-2/

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

2 responses to Custom CSS to SharePoint 2010 Master Page

  1. 

    Hey virtualizesharepoint, great blog and cool to see my Css in use here, thanx for linking to the source. See ya around.

  2. 

    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:

WordPress.com Logo

You are commenting using your WordPress.com 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 )

Google+ photo

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

Connecting to %s