SharePoint Products TechCenter >
SharePoint Products and Technologies Forums
>
SharePoint - Design and Customization
>
editing core.css
editing core.css
- I'm new to SharePoint. After a week of trying to get my site the way I want it using the UI, I finally broke down and am using Designer. I thought I'd tinker around with the CSS. Yikes! Looking at rendered html source code to see what's what with css classes and ids is a nightmare! I can't believe the crappy renedered html! Who can dig through all those nested tables to see what's going on?! Can anyone provide some advice on determining what selectors in the core.css file match up with what I'm seeing on the rendered page? How does one begin to alter the CSS in Designer without pulling all their hair out?
All Replies
- Heather Solomon has created a nice reference chart of the standard SharePoint CSS selectors. You can find it @ http://www.heathersolomon.com/content/sp07cssreference.htm
w: http://blog.mastykarz.nl | t: @waldekm | c: http://imtech.codeplex.com | c: http://www.imtechvelocity.nl - I allways use alternate css to work with styles in SharePoint:
http://translate.google.com/translate?client=tmpg&hl=es&u=http%3A%2F%2Fsurpoint.blogspot.com%2F2009%2F07%2Fcambios-de-estilos-en-sharepoint.html&langpair=es|en
And Sharepoint Customizer is a good tool to help you:
http://spc.codeplex.com/
Juan Pablo.
surpoint.blogspot.com
excelza.blogspot.com - Ok, I want to create a OverrideCore.css file. Where do I place the call to that file? I don't see a call to the core.css file anywhere.
- You store the custom CSS file in your Style Library and the way you apply that is through the Site Settings
- Site Actions > Site Settigns > Modify All Site Settings > Master Page
At the bottom there will be a place to put "Alternate CSS"
If you are using a custom master page as well, you can actually place code in the master:
<SharePoint:CssRegistration name="<% $SPUrl:~SiteCollection/Style Library/OverrideCore.css%>" runat="server"/>
If you aren't using a custom master than go with the alternate css setting as I mentioned above. - Thank you, but I am trying to understand how this works via SP Designer. Can you tell me what the difference is between the two examples of code below (I'm not sure if the syntax is correct on second one). These would be in the <head> tag of the master page.
<link rel="stylesheet" type="text/css" href="/_styles/customCSS.css”>
<SharePoint:CssLink runat="server"
<link rel="stylesheet" type="text/css" href="/_styles/customCSS.css”>
SharePoint:CssLink />
- I added a <link> tag in default.master to link to my OverrideCore.css file. Is there a way for me to make this style sheet apply to my subsites as well? Or do I have to link to it in the default.master files of any subsite? Is there a better way to approach this?
Thanks for ideas.
