Tuesday 19 February 2013

Hiding the web part tool bar on the top with CSS on Sharepoint 2010

To hide the tool bar on the top the web part (see below)  just follow these steps:

image

 

1- Site Actions > Edit Page Insert > Web Part Media and Content select Content Editor and click Add

2- On the top of the page (be sure you select the "Content Editor Web Part") Format Text > HTML > Edit HTML Source

3- Add this CSS piece:

<style>
    .ms-WPHeaderTd
    {
        display:none;
    }
    .ms-WPHeaderTdMenu
    {
          display:none;
    }
</style>

WITH THIS YOU WILL AVOID THESE STEPS! –> To "hide" the content editor web part ... Options > Web Part Properties > Appearance > Chrome Type > None  then click OK

No comments: