Comments on: Hide Newsfeed, OneDrive and/or Sites from the Waffle for SharePoint 2016

By: Tom Daly

Tom Daly — Wed, 20 Mar 2019 20:42:24 +0000

In reply to Americo. unfortunately you can't use this on the 'modern' types of pages as there is not a quick way to hook up a css file. you could with an spfx application customizer

By: Americo

Americo — Mon, 28 Jan 2019 12:41:32 +0000

Nice set of css!
I have just one cuestion, these Css works nice in the my site but how can I apply them to my content site? the one when you click on “On drive” icon

Regards
Americo

By: Samuel Levesque (MVP)

Samuel Levesque (MVP) — Fri, 03 Nov 2017 21:22:07 +0000

Thx Thomas it worked great with SP2016 Feature Pack 1. I added it to SP-Responsive-UI.css from (https://github.com/SharePoint/PnP-Tools/tree/master/Solutions/SharePoint.UI.Responsive) which is included in all pages without modifying the masterpage or using Alternate CSS file.

By: Asad

Asad — Thu, 02 Nov 2017 15:13:34 +0000

How can I add more links to the top suite bar? Which master page file do I edit?

By: Tom Daly

Tom Daly — Thu, 05 Oct 2017 19:07:56 +0000

In reply to Helen Garrison. absolutely, the css "should be" the same for SP2016 as O365.

By: Helen Garrison

Helen Garrison — Tue, 19 Sep 2017 17:50:18 +0000

In reply to Ethan.

Will this also work with SharePoint 2016 on Prem? I’m rolling out our first ever SharePoint agency intranet – how exciting! I want to provide the “Sites” feature of My Sites, but hold off on OneDrive and Newsfeed until sometime later. Any advice you could provide would be super helpful!

By: Tom Daly

Tom Daly — Thu, 14 Sep 2017 15:13:49 +0000

In reply to Ethan.

Without inspecting I’d be guessing. Here is how it’s done and maybe you can figure out the selector for your buttons.

Using the F12 tool bar I inspect the button. Look for the ID of the button as well use that in the CSS.

Below is the CSS you would use to change the background and hover color of the Delve button.

.o365cs-nav-appTile[id=’O365_AppTile_OfficeGraph’] {
background-color: red;
}
.o365cs-nav-appTile[id=’O365_AppTile_OfficeGraph’]:hover .o365cs-nav-appTileBackground {
background-color: blueviolet !important;
}

CSS Snapshot:
https://www.screencast.com/t/b2UWHRrB

Video Example:
https://www.screencast.com/t/zfMEmjsI

By: Ethan

Ethan — Thu, 14 Sep 2017 14:53:51 +0000

In reply to Tom Daly. Hmm do you know how/if you can do that with Custom Tiles? Similar to how the background color changes on the different app tiles in O365? I'd share the link but it is a non public intranet

By: Tom Daly

Tom Daly — Thu, 14 Sep 2017 14:37:29 +0000

In reply to Ethan.

instead of the display: none, use background-color: {color}

https://www.w3schools.com/CSSref/pr_background-color.asp

By: Ethan

Ethan — Thu, 14 Sep 2017 14:17:55 +0000

You don’t know how long I’ve been waiting for clear cut answers like this! You sir are a gentleman and a scholar! Now if you could tell me how to change the background color of those for custom tiles I’ll buy ya a beer