How to add an Alternate Style Sheet in SharePoint 2010

by Nigel | posted: July 15, 2013 0 Comment

Alternate Style Sheets in SharePoint 2010 allow us to easily apply some branding to the SharePoint interface by overriding the default styles.
To define the style you wish to change use Firebug for Firefox or Internet Explorer’s Web Developer Tools.
Once you know the style you wish to change then create a new CSS file on your local machine with that style in it. If you only want to change one descriptor for that style then you only need to include that descriptor.
For example:
If you wanted to change the font size of the .ms-WPTitle style.
The default style is:
.ms-WPTitle {font-family: Verdana, Tahoma, sans-serif; font-size: 10pt; font-weight: normal; }
All your new css file needs to contain is:
.ms-WPTitle {font-size: 10pt;}
Follow these instructions to add the new CSS file as an alternate CSS file.

Choose Site Actions > View All Site Content
Choose Style Library > XSL Style Library
Upload your new CSS file making sure it has a descriptive name such as custom-styles.css
Choose Site Actions > Site Settings
Under the Look and Feel section choose Master Page
Under the Alternate CSS URL section choose ‘Specify a CSS file to be used by this publishing site and all sites that inherit from it’
Click the Browse button and locate the custome-styles.css file you uploaded a few moments ago and choose OK
Click OK on the Site Master Page Settings Page

Your alternate styles will now appear.

http://blog.nigelgentry.co.uk/add-alternate-style-sheet-sharepoint-2010/