Questions tagged [css]

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.

Filter by
Sorted by
Tagged with
91
votes
16answers
24k 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 ...
22
votes
6answers
31k 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 ...
22
votes
5answers
29k 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:...
20
votes
3answers
19k 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 ...
16
votes
2answers
7k 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?
16
votes
4answers
36k views

Sharepoint 365 - Add Custom CSS to Modern Pages

I'm attempting to add Custom CSS to Modern Pages. The method I attempted was trying to add alternate CSS to the Master Page. This worked on the homepage, but not the new "Modern" Site Pages. It ...
16
votes
4answers
18k 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 ...
15
votes
2answers
15k 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 ...
15
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 ...
14
votes
1answer
4k 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 a ...
12
votes
6answers
59k 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 ...
12
votes
2answers
32k 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....
12
votes
10answers
5k 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, ...
12
votes
5answers
6k 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 ...
11
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 ...
11
votes
6answers
13k 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 page ...
11
votes
6answers
19k 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 ...
10
votes
3answers
29k 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 ...
9
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 ...
8
votes
3answers
51k 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?
8
votes
5answers
27k 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 ...
8
votes
2answers
1k 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 ...
8
votes
4answers
6k views

Why is it not working properly when I add JavaScript, HTML, and CSS code?

I added the HTML Form Web Part. And I added some code to Source Editor. I copied the code from W3Schools. It is Animated Accordion code. But when I click the menu it is sliding down, but closing back ...
8
votes
1answer
566 views

Cursor moves to next line in the bullets list or number list SP 2013

In an HTML content field on a page where the custom branding is applied, the cursor is jumping around while editing the UL/OL (Unordered list or Ordered list). If you pressed enter to go to the next ...
7
votes
4answers
14k 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 ...
7
votes
5answers
8k 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 ...
7
votes
3answers
3k 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 ...
7
votes
1answer
962 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 ...
6
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; ...
6
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,...
6
votes
2answers
4k views

Adding CSS Reference on Site Page

So I have created a Site Page that has the "New Experience" look and I would like to change its style a little. Nothing major, just the height, width, color, etc. However, I can not seem to figure it ...
6
votes
2answers
8k views

Hide Updated Pages list from left navigation wiki page but keep other list unhide

I only want to hide "Updated Pages" list from left navigation wiki page but keep other lists such as "Home" unhide. I tried to insert script editor with codes, <style> #...
6
votes
1answer
9k views

Highly customizing the look and feel of a List View

I've been given a task to allow a user to add a 'Vacancy' web part to a page. The webpart will be basically a list of all vacancies from various regions. This is the desired final product... And ...
6
votes
4answers
3k views

Create responsive office 365 site - using sharepoint out of the box functionality

I want to create office 365 site which is responsive and also runs on the mobile device. I have created a custom master page and custom page layout. Now I created one page using this custom page ...
6
votes
3answers
12k 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 ...
6
votes
1answer
387 views

Remove duplicate links from my navigation Breadcrumb inside my Enterprise wiki site collection

I am working on an Enterprise wiki site collection inside my sharepoint farm 2013 on-premises. Now i am following this appraoch to show a Breadcrumb navigation link for my site collection Link. so i ...
6
votes
1answer
630 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="...
6
votes
1answer
645 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 ...
6
votes
1answer
225 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. #...
6
votes
4answers
7k 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 ...
6
votes
1answer
434 views

Replace Title Menu with My Own HTML/CSS DropDown Title Menu

I am working to develop an intranet portal on SharePoint 2013. I want to create a drop down menu like attached image. I have following strategy in mind Remove the Title Menu with CSS Write my Own ...
6
votes
2answers
168 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 ...
6
votes
1answer
501 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 ...
5
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 ...
5
votes
3answers
260 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 ...
5
votes
3answers
18k 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 ...
5
votes
6answers
5k views

Hide element using css for a modern page

I have a left navigation item that i want to hide using css. I am using css alternate file to apply the css but in vain. It works fine in classic page but with modern it doesn't work at all. I found ...
5
votes
3answers
770 views

Responsive content to list view width in SharePoint 2013

When I change the width of a SharePoint list to a certain amount of Pixels, I have the problem that some content of the list gets cut off on the right side - see the following Screenshot: Is there ...
5
votes
1answer
2k 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() function ...
5
votes
2answers
4k views

Change SharePoint 2016 site header

I have SharePoint 2016 and I want to change the following which is by default in my header going from left to right: remove the menu in blue background with small square icons (I don't want this ...

1
2 3 4 5
23