Category Archives: HTML/CSS

SPTechCon Boston June 2016 Bootstrap Session Recap

“Bootstrap” Responsive SharePoint, the RIGHT Way

Let’s face it, SharePoint isn’t very responsive.  However you can make it responsive using popular tools that all the cool kids are talking about.  Continue reading SPTechCon Boston June 2016 Bootstrap Session Recap

SPTechCon Boston June 2016 Branding with CSS Session Recap

92% of Branding SharePoint is CSS, So Why Are You Living in a Master Page?

So much can be done with just CSS, the need for branding doesn’t mean a need for a custom master page.  In this SPTechCon session I rebranded a SharePoint blog site: Continue reading SPTechCon Boston June 2016 Branding with CSS Session Recap

Duplicate SharePoint Top / Global Navigation as Separate Footer Navigation

Navigation is key with pretty much any web site and several sites today are choosing to duplicate their top bar navigation in a larger footer area at the bottom of each page. This technique can easily be done in a SharePoint site with a custom master page. Continue reading Duplicate SharePoint Top / Global Navigation as Separate Footer Navigation

Add a Background Color to Quick Edit/Datasheet View in SharePoint 2013

I get this from time to time… “I have added a background color to my SharePoint site but when I go to quick edit or datasheet view in a list, the background color comes through.”

It isn’t that the background color is coming through, it is that SharePoint 2013 didn’t add a background color to the list. It is a transparent. With a little CSS you can overcome that. Continue reading Add a Background Color to Quick Edit/Datasheet View in SharePoint 2013

Throwback Thursday: Use CSS to Turn SharePoint 2013 into SharePoint 2010

It is time to go old school with this #TBT post that answers something I have been asked a few times…. can you make SharePoint 2013 look like SharePoint 2010 (and without the pesky UI version stuff)? The answer is yes, and it can all be done with CSS.  Continue reading Throwback Thursday: Use CSS to Turn SharePoint 2013 into SharePoint 2010

SPTechCon Austin February 2016 Branding with CSS Session Recap

92% of Branding SharePoint is CSS, So Why Are You Living in a Master Page?

So much can be done with just CSS, the need for branding doesn’t mean a need for a custom master page.  In this SPTechCon session I rebranded this SharePoint site: Continue reading SPTechCon Austin February 2016 Branding with CSS Session Recap

Convert SharePoint 2013 Global Navigation Drop-down to Show Multiple Columns

This is a quick and simple trick to turn a long SharePoint global/top navigation drop down (a.k.a. fly-out) menu into an easier to read, two or more column display. All you need is a little CSS. Continue reading Convert SharePoint 2013 Global Navigation Drop-down to Show Multiple Columns

SharePoint 2013 Functional CSS Selectors

One approach to writing CSS is to use functional CSS, which are selectors (classes) with a singular purpose.  For example, let’s say you need a given item on your web page to be absolute positioned, have a purple background and an enlarged font size. Instead of putting three declarations in a single CSS style statement, you would split up the declarations across three generic CSS style statements and specify three classes for the HTML element. It is a different yet effective way to do things. SharePoint 2013 actually has several functional CSS classes already baked in their CSS files and ready for your use.  Continue reading SharePoint 2013 Functional CSS Selectors