Solved

SharePoint 2013: CSS Tag isnt working // How are all the differnt CSS layers working together?

Posted on 2013-12-13
3
419 Views
Last Modified: 2014-01-02
Hi,

I am trying to modify a CSS value from a sharepoint website. I've identified the tag, but obviously not the right CSS file.

Can someone give me a hint how the CSS files are bound together. I mean which CSS file overwrites wich CSS file, the CSS hierarchy of Sharepoint so to say.

Sascha
0
Comment
Question by:Sa5cha
3 Comments
 
LVL 44

Assisted Solution

by:Rainer Jeschor
Rainer Jeschor earned 250 total points
Comment Utility
Hi Sascha,
can you explain which tag/style you want to change? Do you perhaps have a screenshot what you want to achieve?

Normally the first resource you should look at is the site of Heather Solomon - as she is "the expert" for SharePoint and CSS. Unfortunately it looks like she has not yet updated her excellent CSS reference chart from 2010:
http://sharepointexperience.com/csschart/csschart.html

HTH
Rainer
0
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 250 total points
Comment Utility
The order of CSS file list determines the processing sequence and any declaration with scope overlapping previous declarations replaces any property that falls within the scope.

However specificity trumps listing order so you probably need to consider how specificity work.  This article does a good job of drilling down through the pile of override rules:
http://designshack.net/articles/css/what-the-heck-is-css-specificity/

Cd&
0
 

Author Closing Comment

by:Sa5cha
Comment Utility
Thank you, both links helped me.

Here's another Link:

A guide to quick SharePoint 2013 branding
http://blog.blksthl.com/2013/02/26/a-guide-to-quick-sharepoint-2013-branding/
0

Featured Post

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

CSS3 Custom checkboxes This article shows how to style the checkbox form element using only CSS. Works in: Chrome, FF, Safari, Opera, IE9+ Uses modernizr.js to check for :checked pseudo class, falling back to plain old checkboxes (IE8 and bel…
These days socially coordinated efforts have turned into a critical requirement for enterprises.
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…

771 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now