SharePoint 2010 CSS Hide Edit Page,Navigate Up,Browse and Page tab button in Ribbon

CSS to Hide Page Edit button, Navigate up button, Browse and Page tabs.

Hide Edit Page and Up icon -

CSS -
<style>
.s4-breadcrumb-anchor,.ms-qatbutton
{
visibility: hidden;
}
</style>

Hiding Navigation Up icon only -

See the post Hiding Navigation up\Breadcrumb icon on Ribbon in SharePoint 2010

Hide Browse Button -

CSS -
<style>
.ms-cui-tt-s
{
visibility: hidden;
}
</style>

Hide "Page Tab" -

CSS -
<style>
.ms-cui-TabRowRight a img
{
display: none;
}
</style>

Related Post : Hide Browse, Page tabs with SecuritytrimmedControl

Hide SharePoint 2010 Site Title, Title Icon, Title Text, Page Description with CSS

Ads by Google