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

45
votes
16answers
16k 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 ...
13
votes
2answers
779 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 ...
10
votes
4answers
7k 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
5k 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 ...
9
votes
2answers
8k 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 ...
9
votes
10answers
3k 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, ...
9
votes
4answers
2k 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 ...
8
votes
5answers
8k 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 ...
8
votes
2answers
8k 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 ...
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
6answers
7k 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 ...
7
votes
5answers
6k 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
2answers
586 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?
7
votes
3answers
5k 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 ...
7
votes
2answers
867 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
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
77 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
4k 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
1answer
419 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 ...
5
votes
1answer
2k 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 ...
5
votes
5answers
5k 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 ...
5
votes
3answers
9k 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 ...
4
votes
2answers
3k 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; } ...
4
votes
1answer
324 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
4k 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
543 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
4answers
2k 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
5answers
3k 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 ...
4
votes
1answer
561 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
1k 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: ...
4
votes
2answers
153 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
2answers
687 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 ...
3
votes
3answers
1k views

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

I have a debate with a colleague of mine that deals with where to place images that must be accessible across the farm. I feel that for images that need to be accessed from anywhere, I should place ...
3
votes
2answers
769 views

Sharepoint site using corev4 AND custom CSS File?

I'm using a custom Masterpage which references a custom CSS File in the header like so: <Sharepoint:CssRegistration Name="CUSTOM/Custom.css" runat="server"/> My custom CSS file is simply a ...
3
votes
2answers
682 views

Sharepoint 2010 Lists, is value specific formatting of columns or rows possible?

I would like to format columns or rows that contain certain values, without any client side javascript hacks. I'm looking for an OOB solution. For example - if 1 column in my list being of type ...
3
votes
2answers
170 views

include multiple CSS in sharepoint

What the best possible way to include multiple CSS in Sharepoint .master. my approch: Site sitting> Master Page> Alternate CSS URL I tried this before register CSS directly in master page, but ...
3
votes
2answers
73 views

Sharepoint 2010 CSS - Quick Way to Clear all old template styles?

I am a web developer who doesn't typically work with SharePoint but I was asked to style up an existing site that uses one of the default v4 templates (blue/light blue). I have been changing over the ...
3
votes
2answers
365 views

Can all the /_layouts/xxx.debug.js files not be served to end users?

I'm working with a 3rd party vendor who has done the SP 2010 integration of a small site. I've noticed that our incredibly simple login page is nearly 3.2 megabytes. The users of this site are the ...
3
votes
2answers
110 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 ...
3
votes
2answers
164 views

CSS (progid:dximagetransform.microsoft) not working after upgrading to SharePoint 2013

We are in process of upgrading from SP2010 to SP2013. There is a webpart with the foll. code:- <table> <tr> <td style="height:20px; FONT-SIZE: ...
3
votes
4answers
135 views

Attaching CSS to only one html welcome page

I am trying to set a html homepage to a sharepoint page, The html is based off a bootstrap template as it felt the best to fit the purpose. My problem is that once uploaded to the sharepoint server ...
3
votes
2answers
675 views

Tricky error in dialogbox styling

This question is related to this: Customize Sharepoint 2010 Ribbon in Dialog ONLY I did what suggested there and it works fine, but with a small problem shown on the screenshot below. My Ribbon html ...
3
votes
1answer
1k views

CSSRegistration and revision numbers?

I'm currently using cssregistration to add css to sharepoint pages. All is working until I need to do an upgrade of the css. The context is: I used a delegate control in a feature containing the ...
3
votes
1answer
1k views

How to change the color of the current location in Quick Launch?

I'm very new to SharePoint, so I need y'alls' help. I am desperately trying to change the color of the selected navigation in the Quick Launch. Right now, it is a baby-blueish kinda' color. No problem ...
3
votes
2answers
237 views

Hiding SkyDrive link from My Sites

I'm trying to hide only the SkyDrive link from the blue menu bar on My Sites. I thought this would be fairly simple, so I opened the master page (mysite15.master) in designer and added a reference to ...
3
votes
1answer
236 views

How can I get rid of the columns header when the style 'Boxed' was selected?

I created a new list view with style = 'Boxed' in SP2013. The problem is that this view is showing the columns header in the top when there's no need to do it. So, how can I remove or hide it? I tried ...
3
votes
1answer
26 views

Script editor webpart ribbon problems

I added a script editor web part (javascript code) to a view page (/Forms/AllItems.aspx). After that I can not see anymore the File and List category in the ribbon bar. I read somewhere that ...
3
votes
2answers
201 views

How to style the quick launch bar div to extend to the length of the page? (SP2013)

We want the quick launch bar to extend to the height of the page. At the moment there are little contents in the quick launch and as the contents increase the height of it increases. We want to always ...
3
votes
1answer
444 views

Word-Wraping for the calendar

The first image named calendarSample1 is a screenshot of the sharepoint calendar in IE10. The second image named calendarSample2 is from Google Chrome. I am trying to make the text within the ...
3
votes
1answer
171 views

Get rid of Horizontal Scrollbar on SharePoint Online Public Website?

On my out of the box public website have a horizontal scrollbar I can't find the source of. No matter how I try to find it's origin, I'm having trouble getting rid of it. It may be an error in the ...