Hot answers tagged css
14
The phrase you're looking for is "SharePoint Branding"
Perhaps the best place is to start is Heather Solomons blog
Other links that may help
SharePoint Magazine - Branding Limitations
MSDN - Real World Branding with SharePoint 2010 Publishing Sites
Codeplex - SharePoint Branding Tool
Tom Wilsons SharePoint Branding Blog
Randy Drisgill - SharePoint ...
14
As James mentioned, your main mistake is that you are using Page.Header.Controls. It is much simplier: this.Controls works like a charm.
If it will not work, you should then check your delegate control declaration XML code. It should look like this:
<Control Id="AdditionalPageHead" Sequence="1000" ...
13
Here are my 2 cents:
Make sure SharePoint still looks and feels like SharePoint. Don't mess about with default font sizes. Even if SharePoint deals with it well, your third party add-ins may not.
Try to limit them to just change the colour scheme to whatever the company uses, a customised top (header) area and an optional footer.
Don't go nuts, you'll ...
10
We usually use print style sheets (<link rel="stylesheet" href="print.css" type="text/css" media="print" />) to do this.
Check this guide:
http://www.webcredible.co.uk/user-friendly-resources/css/print-stylesheet.shtml
I know Muhimbi has a good third party PDF generator, but I havent tried it.
9
It is strongly advised against modifying the corev4.css file.
This main reasons being that as soon as you apply the next update, your css customisations will be lost as the file will be overwritten, and your changes affect the entire farm.
It's recommended that you create a new CSS file, store it either in a folder in LAYOUTS in the SharePointRoot folder ...
8
For a comprehensive list see Rajesh's answer. It's pretty much a 2010 version of Heather Solomons.
This site has several of the base classes explained and displayed:
http://erikswenson.blogspot.com/2010/01/sharepoint-2010-base-css-classes.html
And this site will give you a ton of CSS and branding resources (many SharePoint, some general ones)
...
8
You can either replace the DelegateControl (if you have farm access)
http://msdn.microsoft.com/en-us/library/ms463169.aspx
<asp:ContentPlaceHolder id="PlaceHolderSearchArea" runat="server">
<SharePoint:DelegateControl runat="server" ControlId="SmallSearchInputBox" Version="4"/>
</asp:ContentPlaceHolder>
Or you can override the ...
8
You are working with CSS3, this is only supported from Internet Explorer version 9. For older versions of IE you need to have a fallback solution.
One of the fallback is CSS3 Pie. More information can be found here:
http://css3pie.com/
http://css3pie.com/about/
It requires you to add and reference an additional file (pie.htc) to your environment.
...
7
The image is rendered using an tag which you cannot modify using just CSS. You could either
A - Use some jQuery to modify the HTML for the searchbox. You can target the srch-gosearchimg CSS class to modify the image tag and point it to another source image.
B - Use a delegate control to replace the entire searchbox
My vote usually goes for option B ...
6
you could try my free SharePoint MasterPages too
http://freespmp.codeplex.com and I have some info on my blog http://engageinsharepoint.co.uk
Thanks
Matthew Hughes - @mattoo2
6
Matt and Randys' Master Pages make branding from scratch really easy. If you need hep with basic Themes rather than branding (or to save hours of work) use Microsoft's Theme Builder - I wrote a post on what everything relates to here: -> Theme-ing really does help you save some time on the base CSS.
6
Using developer tools in IE, use the 'select element' tool to pick out a link that should be styled, and look at the Trace Styles tool to have a look and see what CSS is being applied. Use this to see if your style is being overridden by the corev4.css. If it is, make your CSS selectors more specific. If you can't see your selectors at all, use the source ...
6
As already mentioned in another answer, Internet Explorer, up to and including version 8, does not provide support for any CSS3 based styling.
While Internet Explorer 9 comes with limited CSS3 support (like border-radius and box-shadow, but neither text-shadow nor background gradients) it would require to change your masterpage as mentioned in another ...
5
When you add a css to your sharepoint site master page, you need to add it using a SharePoint:CssRegistration. For Eg:
<SharePoint:CssRegistration name=”<% $SPUrl:~sitecollection/Style Library/Custom Style/css/custom.css %>" After=”corev4.css” runat=”server”/>
Here the 'After' attribute specifies that your custom.css will be rendered after ...
5
James, what Sig posted works for both things that you are looking for. The only change I would suggest would be to omit the use of !important in the style statements. You want to try to avoid using that as much as possible.
/* Hide web part title border on hover */
.s4-wpcell:hover .ms-WPHeader td,
.s4-wpActive .ms-WPHeader td,
.s4-wpcell .ms-WPSelected ...
5
If you want a super user to be able to change logos etc, or if the logo is specific to a site collection, place them in a subfolder in /Style Library/Images/.
However often you dont want the layout files of your page, or your CSS for that matter, to be changed by end users. This is a good reason to place them somewhere in the v\TEMPLATE\LAYOUTSfolder. These ...
5
I would advise against this...I would also advise against having an exact copy of the coreV4.css file.
Having both these files is going to beef up the load times and increase the needless amount of code the browsers need to go through.
Change your CSS registration to the following line. I also always add it after the CoreV4.css not that it makes a ...
4
Heather Solomon's site should be your first port of call, has everything you need to know about customising the look and feel of SharePoint.
http://www.heathersolomon.com/blog/
EDIT: this is mostly 2007, but most of the principles are the same for 2010.
4
Never ever edit the out of the box javascript files in SharePoint! (For one: a service pack will probably revert all your changes, and it's easy to break your entire farm with a single typo!)
I've done something like this for a client, what I did was use IE8 Dev tools to find out the classes used by the Styles applied by the HTMLEditor, make up a CSS file ...
4
Hm.
What I would do is do the work in CreateChildControls. Have it just add the two LiteralControls to the this.Controls collection.
Then, add your ASCX to the AdditionalPageHead delegate control via your Feature. (step 33 in that article you linked to).
There is a reason (and at this time in the morning I can't remember what it is), but the Page.Header ...
4
Your CSS file wouldn't be in the config db anyway, all site content (when unghosted, ie: saved through the browser or SharePoint Designer) is stored in the content database.
I would check out the file, and restore each version until you get what you think is the most recent version.
Do this through the UI, as SharePoint Designer is laggy when referencing a ...
4
Untested across the whole gamut of browsers, but if you're using the OOTB DOM, you have to do much more than just set the quick launch height. The #s4-leftpanel-content div contains the content and background color of the quick launch, so this has to be given a height of 100% (which sizes it to the height of the #s4-leftpanel div. #s4-leftpanel needs to be ...
3
I was involved in optimizing a poorly-performing SharePoint 2007 site for an international airline. I wrote an optimzation checklist for SharePoint sites as a result of the work we did - it mainly considers thing from a dev standpoint, but optimization is definitely one of those '360 degree' things.
I also think Aptimize looks great - I'd love to try it ...
3
I've also observed what you have; beyond ensuring that your CSS comes after core.css/corev4.css, the CSSRegistration.After property plainly doesn't work. I've extensively tested CssRegistration by using it to link 10 different CSS files into one user control, and it completely ignored the dependencies I specified. Furthermore, the ordering seems completely ...
3
The best way to add javascript (inline or external) is using the ScriptManager to add it. That way you know you only add it once (you might add the web part multiple times on a page).
For inline code use the static method ScriptManager.RegisterClientScriptBlock()
For js file use the static method ScriptManager.RegisterClientScriptInclude()
You can even ...
3
The answer to the first part of the question is you don't need any of them if you are prepared to fully customize the HTML and CSS, and do your own web parts and other controls.
There are two problems here; first you need to make your public-facing site so it doesn't need the huge JavaScript and CSS files that are part of the SharePoint UI. You will ...
3
Those files are indeed needed for SharePoint to be able to perform.
You could try altering the the compressions settings on IIS to see if things improve.
There are companies out there that specialise in WAN optimisation, like these guys: http://www.riverbed.com/us/solutions/application_performance/microsoft_sharepoint.php - though notice there's no pricing ...
3
Rob Windsor has said it above, but I wanted to give it "answer" status. While the _layouts folder does indeed live at:
c:\program files\common files\microsoft shared\web server extensions\12 (SharePoint 2007)
c:\program files\common files\microsoft shared\web server extensions\14 (SharePoint 2010)
SharePoint Designer will not allow you to open those ...
3
There's an extra class added to 'selected' menu nodes in the quick launch. That's used to style the current selected node in there. Use FireBug or Internet Explorer Dev Tools to locate it.
The /_layouts folder is in SharePoint Root on the server file system, so you will need a feature to deploy files to that location.
If you want only to change this for a ...
Only top voted, non community-wiki answers of a minimum length are eligible
