Hide/Remove Page Title - SharePoint Online

Question

Is it possible to hide or remove the Page Title on specific pages in SharePoint online? Any assistence in where I should look to acheive this is appreciated.

Answer 1

Add a script editor web part on the page and paste following line:

<script type="text/javascript">
(function(){
      document.querySelector("#pageTitle").style.display = 'none';
})();
</script>

Follow this link for adding script editor web part.

Answer 2

You can attach below css to your master page.

    <style>
        #pageTitle
        {
           display:none;
        }
    </style>

Or you can add JavaScript function using script-editor web part mentioned by Atish Dipongkor in his answer.

Answer 3

There are two titles on a page:

1. The name of the site displayed at the top of the page by default. This title has element ID pageTitle.

2. The name of the content page (for instance a wiki page), which is loaded below the top navigation and contains your page content. This title has element ID pageContentTitle

Let's say you want to hide the name of the content page (option 2 above), then paste the following code into a script editor web part on the page:

<script language="javascript">

_spBodyOnLoadFunctionNames.push("HidePageContentTitle");

function HidePageContentTitle()

{

document.getElementById('pageContentTitle').style.visibility = 'hidden';

} 

</script>

You will have to do this on all pages where you want to hide the page title.

Answer 4

put custom css to hide the text in master page. This will remove the title from all pages. If you need for specific pages add a content editor web part in the page and add the custom css.

Answer 5

Put a custom class on a custom css file.(From master page settings > Alternate css you can point to that additional file)

.hiddenPageTitle {display: none;}

then only on that specific page use a piece of script to add that class to page title. Could be in a script or content editor, or if you have too many pages and you have a way to identify the page from it's type you can wrap it into an if block and add to master page. (You also will need JQuery to use the script below)

$( "#pageTitle" ).addClass( "hiddenPageTitle" );

Hope this helps.

Answer 6

You can hide on all pages with out-of-box configuration. If some pages need site name/title, you can just add it as part of page it self. (some time has passed since initial question - it was not available initially).

Steps to hide site name/title:

• click on gear icon, select Change the look
• click Header and look under Display section
• you will find toggle Site title visibility - turn that OFF and title is hidden
• done!