Sharepoint Foundation 2010: hide ribbon completely

dex3703 picture dex3703 · Nov 17, 2010 · Viewed 15.5k times · Source

I am trying to style the master page in Sharepoint Foundation 2010. I"m using the nightandday master and styles.

The design has no ribbon and I just need to turn it off. Just plain old off. When I set the ribbon div to display: none, the entire top banner disappears.

I'm not a sharepoint dev and am lost in general. Is there an easy way to just hide/get rid of the ribbon? Nothing fancy about permissions required--just needs to be always gone.

Answer

mrhassell picture mrhassell · Mar 16, 2012

The CSS classes you want to look at are;

<style type="text/css">
    div#s4-ribbonrow.s4-pr.s4-ribbonrowhidetitle { height:43px !important }
    /*.ms-cui-ribbon { display:none; }*/
    .s4-ribbonrowhidetitle s4-notdlg noindex { height: 43px !important; }
    .s4-title h1 a,.s4-title h2 a,.s4-title h2 { font-size: small; }
    .ms-pagetitleareaframe table { background: none; }
    #s4-leftpanel-content { display:none !important; }
    #s4-titlerowhidetitle { display:none !important; }
    .s4-ca { margin-left:0px !important; margin-right:0px !important; }
</style>