For anyone who’s looking for a simple, CSS-only way to hide the menu option for “Change the Look” from the settings cog – this snippet will do the trick!
SharePoint Online
CSS:
[code lang=”css”]
a[aria-label="Change the look"] {
display: none !important;
}
[/code]
SharePoint 2013
CSS:
[code lang=”css”]
#suiteBarButtons li[description="Change the look of your site"] {
display:none !important;
}
[/code]
Add this to your global CSS file and you should be good to go.
Nice trick. However, it failed on non-English installations, or even if you enable an additional display language.
So, instead of using the title, I use another attribute which doesn’t change no matter what language your SharePoint environment is running:
.ms-siteactions-root .ms-core-menu-list li[onmenuclick*=”designgallery.aspx”]
Same applies to all other dropdown menu items, like “Personalize this Page”, “Add a page”, “Add an app”, “Design Manager”, “Getting started”, “Mobile view”, “Edit page”, etc.
Uncluttering the SP UI has become my pet peeve, as it is over complex for a newbee and one of the main reasons why so many people don’t like to use SharePoint.
Just my $.02 US
Cheers,
Sig
Hey Sig,
Great point! Thanks for sharing that ๐
-Matt