SharePoint 2010 : Hide Ribbon,Site Actions,Left Navigation,Bread Crumb easily using CSS

I had always request from my customers during SharePoint branding and customization to hide Ribbon,Site Actions,Left Navigation,Bread Crumb in a single or more than one page. The easy way to do so is please add a content editor webpart and edit the content in html source mode and copy and paste the below CSS classes. phew just in a matter of time you have done it without much hassle.

#s4-ribbonrow { display:none } –> top ribbon

#s4-leftpanel { display:none } –> left navigation

.s4-ca { margin-left:0px;background:transaparent} –> to keep the margin starting from the left or else you will find a blank space if you use only the above class

.s4-breadcrumb-top { display : none } –> breadcrumb

#s4-titlerow { display:none } –> top bar

Enjoy SharePoint Programming

Advertisements

4 thoughts on “SharePoint 2010 : Hide Ribbon,Site Actions,Left Navigation,Bread Crumb easily using CSS

  1. Hi,

    I am trying to add this fix to hide the top breadcrumb on my SharePoint 2010 page. It doesn’t seem to be working. Can you provide some guidance on what I could be doing wrong? I add a CEWP to the page, add the following to the HTML:

    .s4-breadcrumb-top { display : none }

    But it does not hide the breadcrumb.

    Your help is greatly appreciated.

    Billy

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s