Category Archives: HTML/CSS

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

CSS Fix for Broken DynamicHorizontalOffset and DynamicVerticalOffset in SharePoint 2013 AspMenu Control

That is a mouthful of a title but luckily this is a simple fix for an annoying bug in SharePoint 2013.  Between SharePoint 2010 and 2013, the DynamicHorizontalOffset and DynamicVerticalOffset properties in the AspMenu control became useless because of how the drop down menus are styled in CSS by SharePoint.  You can set these properties all day long and nothing comes of it.  So abandon that and just use the following CSS fix. Continue reading CSS Fix for Broken DynamicHorizontalOffset and DynamicVerticalOffset in SharePoint 2013 AspMenu Control

Part 2: “CSS scares me!” – Implement Custom CSS in SharePoint Master Pages

As a follow up to the previous post, “CSS scares me!” – How to Move Past the Intimidation and Implement Custom CSS in SharePoint, this second part is going to cover how to add a CSS file reference to your SharePoint master page.  Continue reading Part 2: “CSS scares me!” – Implement Custom CSS in SharePoint Master Pages

“CSS scares me!” – How to Move Past the Intimidation and Implement Custom CSS in SharePoint

Be it clowns, creepy movies, dark basements with a single dingy light bulb or the next presidential candidate, we all have our fears. What I don’t want anyone to be afraid of is adding some custom CSS to their SharePoint site. With the push to not use custom master pages in SharePoint Online / Office 365, more and more people are looking for alternatives on how to pull off small tweaks (and even big ones) in their SharePoint site user interface that doesn’t involve custom master pages. Continue reading “CSS scares me!” – How to Move Past the Intimidation and Implement Custom CSS in SharePoint