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

48
votes
16answers
17k 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 ...
9
votes
2answers
9k 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
2answers
833 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 ...
5
votes
3answers
10k 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 ...
1
vote
1answer
863 views

SharePoint 2013 - Display templates - media queries to get image rendition on images based on screen size

I know I could use device channels to do this, but is there a way to get right image rendition with media queries? item display template <div class="image"> <style> @media only ...
1
vote
2answers
1k views

SP 2013 CCS Background Image

I've created a custom HTML and CSS file, uploaded it to SP2013 using design manager, and converted the HTML to a .masterpage. I want to set a full page background image, so I've added the following to ...
9
votes
4answers
6k 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 ...
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
613 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 ...
1
vote
5answers
3k views

How do I Inherit the CSS Theme Color in my Sharepoint 2013 App?

I am building a Sharepoint 2013 App in Javascript / HTML / CSS and I want to implement / inherit the color / class / css used by the theme. How do I do this? I want to ensure consistency through ...
7
votes
6answers
8k 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 ...
5
votes
5answers
8k 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 ...
3
votes
2answers
1k 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 ...
2
votes
1answer
237 views

Use calculated column to add target“_blank” at the end of a Web field URL

It appears I cannot configure a hyperlink column to open in a new window. I read in this post that you can concatenate a hard coded url with the title field of an item to achieve this. However, that ...
2
votes
1answer
478 views

Add Vertical Scroll in IE9

I'm re-branding an Intranet publishing site for SharePoint 2013 using VS2012 - I'm creating project as a Feature and deploying the .wsp file locally. Using IE9, short pages have no vertical scroll ...
2
votes
1answer
1k views

AspMenu does not render css-class for 'selected' element

I'm using the codeplex cross-site collection navigation project as a basis. The problem should not be related to that specifically though. I'm using Microsoft.SharePoint.WebControls.AspMenu as my ...
1
vote
2answers
75 views

Can't get jquery to work

I can get this block of jquery to work on basic HTML in Codepen However, it doesn't seem to be working when I try this on a SharePoint 2013 Publishing site. I embedded the CSS and JQ in my master ...
1
vote
2answers
323 views

How to change the SharePoint 2013 logo image dynamically?

Is there any way to change the SharePoint 2013 logo dynamically, ideally via javascript? I have tried: document.getElementById("onetidHeadbnnr0").src="\path\image.png"; Also tried: div = ...
1
vote
1answer
394 views

How to change the Top Bar tab titles

I have a requirement to change the Top bar titles for my team site and community site. For example I need to change the “Page” to be “Page options”.so from where I can change these titles.? Second ...
1
vote
3answers
3k views

The advised place to put images and css files

I've been looking on the net for some advise and explanation about where to put my custom css and images for the master page in sharepoint 2010. I'm now busy with branding the portal and i'm a bit ...
0
votes
0answers
20 views

FontAwesome icons not displaying

Am using Font Awesome search icon on the web site using the icons at the local level as shown below, but it does not appear when. How do I solve it? The link to the Awesome Font style: ...
0
votes
1answer
4k views

How to customize master page with fixed width (SharePoint 2010)?

My previous question was closed. I want to have a master page with fixed width. I tried to set the margins for the master page as follows, /*css*/ body { margin-left:50px; margin-right:50px; } ...
8
votes
2answers
9k 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 ...
3
votes
2answers
725 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 ...
2
votes
3answers
104 views

@import, not working in css of sharepoint 2010

seen like this is the easy way, but I am facing some issue, I separated style sheet according to the section like layout.css typo.css element.css and sooo on and then from the masterpage ...
2
votes
2answers
9k 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 ...
2
votes
1answer
1k views

Customize Sharepoint 2010 Ribbon in Dialog ONLY

In the screenshoot below I pasted the Dialog of the NEW ITEM on top of our website. The ribbon bar selected in red, we want to change it, but it should be different to the ribbon bar in the normal ...
1
vote
3answers
2k views

Masterpage and CSS are not applied in IE 8

In SharePoint 2013, I have my custom masterpage. Masterpage uses custom CSS. Inside of my custom CSS I have: #suiteBarLeft, #suiteBarRight { background-color:#004250; ...
1
vote
2answers
1k views

Hard Coded Navigation in Master Page - Active link not changing

Prior to my arrival it was decided that all navigation would be hard coded into the Master Page. I wish I could find a solid reason why, but for the time being it escapes me. Due to time constraints, ...
0
votes
3answers
51 views

Pages render differently according to user

pages render differently according to the user. I have even given to a second user full control and ownership of the site. Still pages are wrongly rendered . I notice for example that calendar ...
0
votes
2answers
542 views

how do i control the size of the background image?

I uploaded a background image with the the "Change the look" option in site settings. It's a small image, but now it's being stretched to the entire window. Is there a way i can control how big the ...
0
votes
2answers
759 views

SharePoint Foundation 2013, branding search results page?

How I can brand search results page in SharePoint Foundation 2013? I have brand other sites using custom.css file, however it dosen't work in search result page at all. What am I missing here? How I ...
0
votes
2answers
3k views

How to center a Picture Library Slideshow Web Part's Previous, Next, and Pause buttons

We have a Picture Library Slideshow web part added to our site but the buttons to control Previous, Next, and Pause/Play directly underneath it are off-center to the left for some reason. We need to ...
0
votes
4answers
1k views

How to get url of the image in CSS

I have a css class which applies an image to the div tags throughout the application. The css class is defined in a separate css file located in SharePoint styles folder in the 14 hive. .logo { ...