locked
Master Pages and CSS files RRS feed

  • Question

  • Hi im trying to customise the default.master. I copied it as custom.master and trying to edit that. But is has linked up with core.css which is the css file of default.master. If i try to copy even the css file and edit that according to the requirement

    Im not sure how to link that custom.css with custom.master, pls suggest on this and also once linked up, would like to know how to apply to the entire site collection. Pls help in this regard

    Using SPD 2007 for this

    Thanks

    Friday, October 21, 2011 2:46 PM

Answers

  • Hi,

    Once your new custom.css file is finished, upload it to the site's Master Page Gallery (via Site Actions, Site Settings). Then use SharePoint Designer to apply it to your master page.

    I open my custom master page and insert the following at the end of (but within) the <HEAD> tag.

    <link rel="stylesheet" type="text/css" href="custom.css">

    Best wishes,

    Eric


    • Edited by BosEdison Sunday, October 23, 2011 4:41 PM fixed typo
    • Marked as answer by Qiao WeiModerator Friday, October 28, 2011 10:32 AM
    Saturday, October 22, 2011 12:37 AM
  • If you have publisihing feature on your site hten you will have the option in site setting to include your custom CSS which will be rendered after your core.css

    There are many articles on Heather Solomon site to help you understand how to implement custom CSS and which option to use while making custom CSS.

    http://www.heathersolomon.com/blog/archive/2006/10/27/sp07cssoptions.aspx

    There is a complete 6 part series by him to guide the users regarding branding the SP sites

    http://www.heathersolomon.com/blog/articles/brandsppart2.aspx


    Shubham Goyal
    Monday, October 24, 2011 9:59 AM

All replies

  • Hi,

    Once your new custom.css file is finished, upload it to the site's Master Page Gallery (via Site Actions, Site Settings). Then use SharePoint Designer to apply it to your master page.

    I open my custom master page and insert the following at the end of (but within) the <HEAD> tag.

    <link rel="stylesheet" type="text/css" href="custom.css">

    Best wishes,

    Eric


    • Edited by BosEdison Sunday, October 23, 2011 4:41 PM fixed typo
    • Marked as answer by Qiao WeiModerator Friday, October 28, 2011 10:32 AM
    Saturday, October 22, 2011 12:37 AM
  • If you have publisihing feature on your site hten you will have the option in site setting to include your custom CSS which will be rendered after your core.css

    There are many articles on Heather Solomon site to help you understand how to implement custom CSS and which option to use while making custom CSS.

    http://www.heathersolomon.com/blog/archive/2006/10/27/sp07cssoptions.aspx

    There is a complete 6 part series by him to guide the users regarding branding the SP sites

    http://www.heathersolomon.com/blog/articles/brandsppart2.aspx


    Shubham Goyal
    Monday, October 24, 2011 9:59 AM