SharePoint 2010 list of hiding or changing anything in SharePoint by css

Sometimes you would like to hide or change some displaying behaviour in SharePoint. Well, i post here a small collection of those which i used more often.

Hiding recycle bin and all site content

[sourcecode language=”csharp”]

.s4-specialNavLinkList{
Display: none !important;
}

[/sourcecode]

Hiding search box

[sourcecode language=”csharp”]

s4-search{
Display: none; !important
}
#SRSB {display:none}

[/sourcecode]

Change color of title row

[sourcecode language=”csharp”]

s4-title{
background-color: #ffffff;
}

[/sourcecode]

Hiding the ListContextGroup from Ribbon

[sourcecode language=”csharp”]

.ms-cui-tts{

display: none !important;

}

[/sourcecode]

Hide the title and description from site

[sourcecode language=”csharp”]
BODY .s4-titletext {
DISPLAY: none
}

BODY .s4-titlelogo {
float:left;
}
.s4-title .s4-pagedescription {
VISIBILITY: hidden
}
[/sourcecode]

Hiding Quicklaunchbar

[sourcecode language=”csharp”]
#s4-leftpanel{
display:none
}
.s4-ca{
margin-left:0px
}
[/sourcecode]

This is just a small list – i would appreciate if you have more to put a comment below.

..:: I LIKE SHAREPOINT ::..

The article or information provided here represents completely my own personal view & thought. It is recommended to test the content or scripts of the site in the lab, before making use in the production environment & use it completely at your own risk. The articles, scripts, suggestions or tricks published on the site are provided AS-IS with no warranties or guarantees and confers no rights.

About Karsten Schneider 312 Articles
Consultant for Microsoft 365 Applications with a strong focus in Teams, SharePoint Online, OneDrive for Business as well as PowerPlatform with PowerApps, Flow and PowerBI. I provide Workshops for Governance & Security in Office 365 and Development of Solutions in the area of Collaboration and Teamwork based on Microsoft 365 and Azure Cloud Solutions. In his free time he tries to collect tipps and worthy experience in this blog.

1 Comment

Leave a Reply