– Why?

The short answer is that I grew tired of sorting through my growing list of bookmarks that detailed how to modify, hide, or access the individual page elements in SharePoint using CSS.  I would find great info, use it, then later forget where I found the information.  So I started this site to store all of those little snips for easy access– and allow others to use them too.

Here’s the long answer…

Not too long ago (okay maybe about 10 years) I was coming up fast in the world of SharePoint administration and “development”.  I loved the fact that you could use all of these different apps, webparts, and even the WYSIWYG content editor.  However, there were always things I wished I could change about the appearance, look and feel, and overall branding in SharePoint. Components that didn’t have easy-to-change, GUI-based settings enabling control over the product I was delivering.

I’ve got a background in web development, &, and have even banged out a few sites in wordpress, drupal, and DotNetNuke content management systems.  One thing I never really wrapped my head around was cascading style sheets (CSS)

Here’s some basic information from the AMAZING site

What is CSS?

  • CSS stands for Cascading Style Sheets
  • CSS describes how HTML elements are to be displayed on screen, paper, or in other media
  • CSS saves a lot of work. It can control the layout of multiple web pages all at once
  • External stylesheets are stored in CSS files

CSS Solved a Big Problem

HTML was NEVER intended to contain tags for formatting a web page!

HTML was created to describe the content of a web page, like:

<h1>This is a heading</h1>

<p>This is a paragraph.</p>

When tags like <font>, and color attributes were added to the HTML 3.2 specification, it started a nightmare for web developers. Development of large websites, where fonts and color information were added to every single page, became a long and expensive process.

To solve this problem, the World Wide Web Consortium (W3C) created CSS.

CSS removed the style formatting from the HTML page!


So, basically, CSS let’s you modify the formatting and style of elements on a page.  Rather than setting attributes like font size, borders and colors for each and every individual element on a page individually, you can change the formatting in the Cascading Style Sheet for all elements that match the tag.

Again, from here’s a quick example of what all of that means:

In the following example all <p> elements will be center-aligned, with a red text color:

p {
    color: red;
    text-align: center;

This is only a quick run-down on what CSS is all about and how it works within SharePoint.  If you’re serious about using CSS and knowing just how it can make your life easier, go through the entire tutorial on  Even if you just skim it, it’s good to have that foundation of the fundamentals of CSS.



2 Replies to “Why does this site exist?”

  1. Awesome site. Same thing here, each component, esp going from SP 2010 to SP2013, now on to SPO and 2019, the style references change and updating the UI can be a pain. Was also tired of sorting through numerous bookmarks. Heather Soloman was great for 2007 and 2010, but a CSS SharePoint 2013 starter stylesheet is what was needed and branding the Composed Look, non-customized MasterPages, using Alternative CSS and JS Injection seems to be my current project. So back to branding I go, glad I came across your site. Some Angular Front-End Injection projects would be cool to. Like to see if I can find a way to inject a different banner within CSS to each subsite. Thanks for the site.

    1. Happy to help! I found so much of this stuff through trial and error. I’m looking to add more content, but focusing on the office 365 stack. Not sure how I’ll go about that but happy it’s helping others! – Matt

Leave a Reply

Your email address will not be published. Required fields are marked *