Tag Archives: CSS Tricks

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

Changing or removing the seemingly unchangeable options in SharePoint Online (Office 365) Site Actions

This is a follow-up post to one with an eerily similar title, Changing or removing the seemingly unchangeable options in SharePoint 2013 Site Actions, and I am betting that you cracked the code for what this post will address… how to do the same thing for SharePoint Online.  🙂 Continue reading Changing or removing the seemingly unchangeable options in SharePoint Online (Office 365) Site Actions

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

Streamlined CSS editing: direct save from browser to SharePoint

I love love love live CSS editing. Any time I can cut out an app switch, save and reload, I am all over it. Using a mapped network drive and a browser, I can bypass SharePoint Designer and/or an external code editor and write CSS straight to the SharePoint content database. Woot! Continue reading Streamlined CSS editing: direct save from browser to SharePoint

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

Stack the SharePoint Suite Bar on top of Ribbon – SharePoint Online / Office 365

Just over a year ago I wrote a post about stacking the SharePoint 2013 Suite Bar on top of the Ribbon, thus collapsing down the needed real estate for the top area of your SharePoint site.  I was asked this week if it was possible to do it for SharePoint Online / Office 365. As with SharePoint 2013 on-premises, you can accomplish this with CSS – it just takes a few more lines of code to pull it off.  Continue reading Stack the SharePoint Suite Bar on top of Ribbon – SharePoint Online / Office 365

SharePoint 2013 and the Disappearing Breadcrumb

Several changes were introduced in the SharePoint 2013 UI, one of which that caught the attention of a lot of folks was the removal of the breadcrumb. Through the years the SharePoint breadcrumb had met some interesting treatments, but in 2013 it had simply just disappeared.

Truth be told, the breadcrumb is still there, just hidden away in the master page. With a quick master page edit you can get breadcrumb back into SharePoint – but that is when the real fun begins as the SharePoint breadcrumb comes in many flavors. Continue reading SharePoint 2013 and the Disappearing Breadcrumb

Switch out the SharePoint 2013 Site Actions gear icon for something more flexible

SharePoint 2013 switched from using the text “Site Actions” to showing a gear/cog/wagon wheel icon (I like gear so we will go with that for this post). That is all well and good until you need to change the background to a darker tone or if you want to change the color of the gear icon. SharePoint 2013 inserts in the icon image via HTML *cringe* thus making it more difficult to update to match your color scheme. With a little CSS we can knock out the default image and show our own icon instead. Continue reading Switch out the SharePoint 2013 Site Actions gear icon for something more flexible

Changing or removing the seemingly unchangeable options in SharePoint 2013 Site Actions

If you get adventuresome in your SharePoint 2013 master page, you can add, edit and delete options from the Site Actions menu. It is a pretty handy thing to do, For example, do you miss the direct access to Site Permissions that SharePoint 2010 provided? It is an easy thing to add with a master page modification.  But there are four Site Action menu items that stubbornly stick around and are seemingly unchangeable. However with a little CSS we can do what we please.  Continue reading Changing or removing the seemingly unchangeable options in SharePoint 2013 Site Actions