CSS is the abbreviation for Cascading Style Sheets. CSS is a language used to control the presentation (including colors, layout, and fonts) of HTML and XHTML documents.

learn more… | top users | synonyms

74
votes
16answers
21k views

CSS Files in _Layouts or Document Library?

There's been a lively conversation (such as it can be in 140 chars) lately about whether it is better to put CSS files on the disk in the _layouts folder or to store them in a Document Library in the ...
15
votes
5answers
21k views

Sharepoint 2013 add css in a page layout

I'm trying to add my custom CSS file in my sharepoint 2013 page layout. I add it with the link tag or with CSSRegistration and when the page is rendered, the css does not appear in the source. Also I ...
15
votes
3answers
13k views

CssRegistration with $SPUrl doesn't work

I'm using SharePoint 2013 and I have created master page file (as .html) and converted it to .master file. As I have read, I should only modify html file, because all changes will be also registered ...
13
votes
2answers
13k views

Programmatically add JS/CSS to pages

I've created a Visual Studio SharePoint 2010 solution with an ASCX that adds some JavaScript files and CSS to the head of each page; this is based on this article. When I deploy the solution, it adds ...
13
votes
4answers
14k views

How to avoid caching issue when using custom JavaScript and CSS deployed under _layouts?

On our farm, I'm deploying some JavaScript and CSS files under the _layouts folder. I'm then referencing them, where it's required using a <SharePoint:ScriptLink> or a <SharePoint:...
13
votes
2answers
1k views

How to deal with SharePoint design complexity and web designer creativity?

One of my customer wants to use SharePoint as an intranet communication portal. My customer wants to customize the look & feel of the application and he has requested to a web design agency the ...
13
votes
4answers
15k views

Remove [Revert to template] message from page

I created a page in SharePoint 2010 and then made some edits to the page. Then I went into the page Version History and restored a previous version of the page. Now I have this message that does not ...
11
votes
10answers
4k views

Has anyone optimized the front-end (css/javascript files) of a SharePoint site

So it seems to be that Sharepoint's front-end optimization is non-existant. For example, http://dfs.us.dell.com/Pages/DFSHomePage.aspx, according to YSlow, is serving up 14 separate JavaScript files, ...
11
votes
5answers
5k views

SharePoint 2013 hide elements (in body area ) when ribbon is expanded / ribbon is in use

Is there a css class/id in SharePoint 2013 that hide elements when the ribbon is in use? I've got some elements that I don't want to show when the user's in edit mode! In the picture below you can ...
10
votes
4answers
8k views

SharePoint 2010 CSS Reference

For SharePoint 2007, Heather Solomon made a reference chart for all CSS elements used by SharePoint 2007 so that they could be overridden when branding a SharePoint 2010 site. Does any such reference ...
10
votes
2answers
4k views

Responsive Design

Does SharePoint 2013 have support for responsive design or do you have to create it from scratch? On a side note: How important is it to learn responsive design when you work as a SP developer?
9
votes
1answer
2k views

CSS Sprite table

Is there any table or list to help reuse SharePoints Sprite images? I'd like to reuse e.g. icons from /_layouts/15/images/spcommon.png?rev=23 Edit after Tiago's answer Thanks for the anwser to use ...
8
votes
6answers
11k views

Add printer-friendly functionality to SharePoint 2010

How challenging is it to add these two functions to all SharePoint site pages? Have a printer icon that allows user to print the content of the page Have a PDF icon that lets the user export the ...
8
votes
6answers
12k views

How to change the style of the Search box?

I would like to change the image next to the search box to a styled input button. Do I need to create a new delegate control to do this? Can I do this with css, if so how? This is the standard ...
7
votes
3answers
1k views

Customization best practices for SP2010 [closed]

We'd like to customize the look of our SharePoint 2010 pages and sites but didn't know what some best practices are: We'd like to change the look of pages some without breaking the link between them ...
7
votes
2answers
955 views

CSS not linked on All Site Content

I created a master page and custom CSS file to brand the root site of on my SP10 server. I then applied this master page to all subsites. The style is applied properly on all sites except when I ...
6
votes
4answers
22k views

What is the proper way to add custom CSS/JavaScript SharePoint 2013 site?

I would like to tweak the default layout in SharePoint, e.g. add... .ms-number { white-space: nowrap; } ... to all pages. I know it is possible to modify a master page directly, but is it the ...
6
votes
5answers
18k views

Add Javascript to every page in Sharepoint 2013

I looked but from what I see most questions that have anything to do with this refer to an old version of Sharepoint where something is always different from what I see in SP2013. I basically just ...
6
votes
2answers
13k views

CSS and master page - Sharepoint online - Office 365

I created a custom .css file and dumped it in /Style Library/custom/corev15.css I just created the 'custom' folder and created a duplicate of the original (/_layouts/15/1033/styles/Themable/corev15....
6
votes
5answers
6k views

Where are layouts (css, js, etc) cached and how to clear them?

We are using visual studio to deploy images, css and js to a folder under layouts. Editing these directly in the folder (which is more convenient for our designers than a full solution deploy) is ...
6
votes
3answers
2k views

Problem ordering the CSS references when registering CSS files with the CssRegistration class

I'm developing a web part which needs some custom CSS files. So I'm using the CssRegistration class to add them to the page header. The code registers 4 CSS files which got deployed to the layouts ...
6
votes
1answer
432 views

How to reference image in SharePoint Online

I'm wrestling with how to reference a background image in my CSS file for a SharePoint Online site. My site URL is like this: https://anothercomp.com/sites/intranet. I have put my CSS and images in ...
5
votes
3answers
6k views

Rounded corners in WebPart headers SP2010

When I view the site in FireFox the below does work with rounded corners, but not in IE at all. I'm trying to make a webpart header in SP 2010 rounded. .ms-WPHeader td { background: #005bac; ...
5
votes
3answers
29k views

Where is the _layouts directory on the server?

I'm editing a file using SharePoint Designer. Where is the folder url("/_layouts/images/) stored on the server?
5
votes
1answer
3k views

How do I modify themable corev4.css?

I've noticed that my main site uses styles/corev4.css while the subsites use various revisions of _layouts/1040/styles/Themable/corev4.css. I have to modify both. While I can access styles/corev4.css,...
5
votes
4answers
11k views

How to add javascript and css to a SharePoint 2010 webpart?

What is the proper way (i.e. without having to manually copy the assets to any sharepoint folder or anything like that) to add custom javascript and CSS to a SP 2010 web part? I would like them to be ...
5
votes
1answer
158 views

Refer to css in root style library in master page - only root

How do I add a css that are located in root style library in a master page? <SharePoint:CssRegistration ID="CssRegistration1" Name="<% $SPUrl:~Site/Style Library/awesome.css%>" runat="...
5
votes
3answers
11k views

How to use JavaScript and CSS in a web part?

I am using SharePoint Server 2007 Enterprise with Windows Server 2008 Enterprise. I am using publishing portal template. I am developing using VSTS 2008 + C# + .Net 3.5 + ASP.Net. And I want to ...
5
votes
1answer
51 views

Hide quick launch for all pages in root site only

I am using the following css to hide the quick launch in SharePoint 2013, but I want it to hide the quick launch only in the root site, NOT in the subsites which inherit the same master page. #...
5
votes
2answers
119 views

How to display counter

Is there a way to use jQuery and Css to pop up notification to user's breadcrumb area for user's open Tasks. I can drop a web part which gets all the pending tasks for browser's user. I see following ...
5
votes
1answer
405 views

SharePoint 2010 Site Actions menu items hidden in IE9

I poked around a bit for the answer but didnt find anything. I have a site in which the Site Actions menu items are hidden in IE (all version). Some background on the site: I am currently working on ...
4
votes
3answers
3k views

Placing your branding images in the “14 hive” vs an Images list

What are the drawbacks or benefits of storing images in the hive versus a list within the farm? I have a debate with my colleague that deals with where to place images that must be accessible across ...
4
votes
3answers
5k views

How to make changes to CSS file stored in Style Library in 2013

I am trying to edit a CSS file inside the 'Style Library'. For some reason 'Edit document' in the web interface ribbon is greyed out when I select the file. It seems to only be enabled for some file ...
4
votes
3answers
208 views

Missing CSS after restore

I just restored a SP 2013 Foundation site collection into another farm. The restore seems ok, but the web front end of the main site is totally missing CSS. The subsites are OK: they all are using ...
4
votes
2answers
5k views

How can I hide the light blue bottom border on Web Part headers (on hover) and the border around the active Web Part?

The bottom border only occurs on hover. The active Web Part has a full border that I'd like to remove. I've tried the following styles to no avail: .s4-wpActive { border: none; } tr.ms-...
4
votes
1answer
283 views

How to show and hide a paragraph in html when a button is clicked?

I have the following query. I have a <pre> tag and it has some text inside but i want to hide <pre> when a button is clicked. Following images shows code: When this addNewTest() ...
4
votes
2answers
2k views

Remove Sharepoint2013 top bar in SP App

I am deploying a SharePoint2013 App (SharePoint hosted). How can I remove the SharePoint2013 top bar (site name, NewsFeed,OneDrive Sites) by JavaScript/CSS? I need to print tha page. Thanks,Nk
4
votes
1answer
505 views

Lost Custom CSS File

I had my site branded nicely last week (ok, nice is a strong word). Today, I updated the master page to bring jQuery into the fold and noted that My.css was checked out. I was going to undo the ...
4
votes
2answers
6k views

Understanding problem: How to add a stylesheet to a web part

Well, I try to add a css stylesheet to my web part but it didn’t work… I read that there are many ways to a css file into a web part, but I didn’t understand them…. First I installed the Sharepoint ...
4
votes
1answer
602 views

Customize styles in SP2010 WYSIWYG editor?

How can I customize the styles available in the WYSIWYG editor in SharePoint 2010? I'd like to replace the OOTB styles with ones that match our style guide. I found a reference online that mentions ...
4
votes
1answer
136 views

SharePoint branding global navigation

I am looking to customize my SP2013 site & was searching for some good site to take inspiration & I ran into this site http://www.adelaidecitycouncil.com/ I am looking to make my header ...
4
votes
2answers
403 views

Using jQuery in SharePoint 2013

I'm trying to implement a solution in SP 2013 where the global navigation docks to the top of the browser as you scroll down. Like on this site. The dev at this site provided the jquery he used to ...
4
votes
1answer
73 views

How to embed more than two CSS files on a SharePoint-Site

I have a kinda strange requirement to outsource every little CSS coding solution in any extra file, located in any library. Now I would like to embed multiple CSS files on any Site, using Script ...
4
votes
4answers
5k views

Custom styling / branding on each web part title / chrome

Is there a way to brand each web part with different styling (title / chrome-title). What I mean is that you could have many different title / chrome styling on the same site. What I want: edit ...
4
votes
1answer
690 views

disabling javascript from overriding breadcrumb navigation styling

I've used some CSS to restyle the titlebar breadcrumbs in a SharePoint 2010 mysite. .s4-title h1 a, .s4-title h2 a, .s4-titlesep h2, .s4-title h2, .ms-ltviewselectormenuheader .ms-viewselector a { ...
4
votes
1answer
3k views

Adding a non-standard font to Sharepoint

I have a non-standard font file in .eot format and use the following CSS syntax to embed it into the master page: @font-face { font-family: Myfontfamily; src: url("http://server/_layouts/...
4
votes
1answer
381 views

Can we use HTML 5.0 and css 3.0 on non-publishing site e.g Team site?

in SharePoint 2013 can we use HTML 5.0 and css 3.0 on non-publishing site e.g Team site? In this case publishing feature is not activated in the team site. What is best practice? Or should we use ...
4
votes
2answers
1k views

prevent css inheritance from master pages

I am creating horizontal menus for a web part to give more interactive navigation options to a corporate SharePoint site that has headers/Branding etc. locked down. I notice that intended colors and ...
4
votes
3answers
3k views

Issue with standard navigation in Chrome

The standard <SharePoint:AspMenu navigation on our SharePoint 2010 site works fine in all browser but Chrome. When I hover over a menu item I can't see the sub menu items like Contact Us -> ...
4
votes
2answers
833 views

Having error when using jquery.corner.js with jquery-1.6.2.min.js

I'm trying to use jquery corner to get curvy quicklaunch in my sharepoint 2010. But i geting eeor "object doesn't support this property or method. Any ideas if this version are compatible. Thanks in ...