« How to Create a Custom SharePoint Master Page | Main | The Best Way to Add Custom JavaScript and jQuery to SharePoint »

01/31/2010

Comments

Feed You can follow this conversation by subscribing to the comment feed for this post.

Berman Huber

how to i set the masterpage (in which i added this custom css) as the default for all users .. not just admins. Thx

Brandon Anderson

Berman, check in, publish, and approve your master page in the root /_catalogs/masterpage directory. Then in your browser go to [root]/_layouts/settings.aspx. Under the Look-and-Feel column click on the "Master Page" link. For the Site Pages, select your master page from the select box. If you want to force that master page for all sub-sites and overwrite any master page selections by those sub-sites, click the "Reset all.." link. Click the OK/Save button.

Steve

The link to the stylesheet is incorrect I believe. I had to change the file path from src="" to href="".

Odd, I know.

Brandon Anderson

Thanks for catching the typing error, Steve. I have corrected it in the post.

Neil

Hi There, Thanks for this post... I am still struggling to get this to work.

I took an existing Masterpage and Duplicated it then Renamed it as my own. e.g. My.master

Applied the above steps but it is still not working.

I clicked on the link inside the My.master Code (SP Designer 2010) and it is finding the My.css).

What I did do (not sure if it is ok), I copied the code in the CoreV4.css and only kept the Quicklaunch stuff in my My.css file.

1) I did an IISRESET, Loaded another theme then reloaded mine.
2) Added the My.css to the Alternate CSS URL in Masterpage Look & Feel.
3) Checked In, Published and Accepted both My.master & My.css Files.

What have I missed?

Brandon Anderson

Neil, it sounds like you've got a lot of things going on. I don't use themes, nor do I use the Alternate CSS URL in the master page settings. As for CoreV4.css, leave all out-of-the-box SharePoint CSS intact (very important); simply create a scratch CSS file for your site that will hold your overrides and reference it in your master page as detailed in the post.

This is what I would do. Retrace your steps to see where you may have varied:

(1) Duplicate v4.master and name it (ex. my.master)

(2) Open my.master and reference your custom CSS (ex. /Style%20Library/my/mystyles.css) (assumes you've created this file and checked in or published it)

(3) Save, publish, and approve my.master

(4) Go to your site's master page settings and select my.master for the Site Master Page. Leave System Master Page and Alternate CSS URL at their defaults.

(5) Your site should now be using my.master. View the page source to verify your CSS reference via the link tag is there. To verify you have the correct path, copy the href of that link tag and paste it into the browser at the root level of your site.

You should be good to go following this approach. If you still think your CSS is not being included, use a tool like Firebug (Firefox) or Developer Toolbar (IE8) to view the CSS files being included on the page and see if yours is there.

The comments to this entry are closed.

About This Blog

Welcome to "Fit & Finish", the Ironworks User Experience blog. We are very proud of the talented team (led by Bill Buell) of information architects, designers, developers and strategists that we have at Ironworks. You can look forward to us sharing our ideas, best practices, creativity, humor and useful resources on this blog. We welcome your active participation with comments and questions.

Contact ICF Ironworks

  • ICF Ironworks combines strategy, technology and design services to assist clients in the development of large-scale, complex technology projects. Ironworks offers three core services: Business & IT Alignment, Portal and Content Management, and Interactive.

    Contact us for help with your next project.

ICF Ironworks is Hiring!

  • If you're the best... we want you to work here!

    If you're the best... we want you to work here!ICF Ironworks is always on the lookout for experienced professionals who believe in hard work, having fun, and great client service.

    View our open positions, or, if you don't see an exact match, send us your resume.

Workswire e-Newsletter

  • Workswire e-newsletterSign up to receive Ironworks' quarterly e-newsletter for the latest news, events, client successes, industry insights and more!
    subscribe

Ironworks Twitter Updates

    follow me on Twitter

    Our Other Favorite Blogs

    Become a Fan