7

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.

Atish Kumar Dipongkor
  • 13,371
  • 5
  • 32
  • 64
Cliff N
  • 93
  • 1
  • 2
  • 4

5 Answers5

12

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.

Atish Kumar Dipongkor
  • 13,371
  • 5
  • 32
  • 64
5

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.

Dikesh Gandhi
  • 6,803
  • 4
  • 30
  • 55
  • If OP adds it on master page, then it will be applied for all pages. He has asked for specific page – Atish Kumar Dipongkor Aug 23 '16 at 06:19
  • Hi Dikesh, if i do decide to hide for all pages, are you aware of any helpful steps you can point me to in order to identify my master page, and add the css you have provided in the correct place? – Cliff N Aug 23 '16 at 06:22
  • If you have you custom master page then add this css code to the css file you are using in that master page. If you want to hide this on particular page then add this css code in content editor webpart on that page. It will work like charm – Dikesh Gandhi Aug 23 '16 at 06:29
4

There are two titles on a page:

Title elements 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.

Mohamed El-Qassas MVP
  • 45,382
  • 9
  • 53
  • 96
perjar
  • 41
  • 1
  • 1
    Hello, @perjar, Thank you for your detailed answer, We hope your awesome posts will continue! So could you please take a quick tour at https://sharepoint.stackexchange.com/tour to get informed badge! Thanks! – Mohamed El-Qassas MVP May 31 '17 at 13:43
  • – perjar Jun 01 '17 at 12:35
  • Adding to what Atish Dipongkor wrote earlier, his code snippet hides the site title, not the page title. If you take his code and use the identifyer pageContentTitle instead of pageTitle you will hide the page title instead. I actually prefer this way come to think of it. It completely supresses the title so that the page content is shifted up, whereas my previous tip only makes the title invisible but it still takes up space on the page. – perjar Jun 01 '17 at 12:45
1

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.

Ankit Kumar
  • 1,768
  • 1
  • 15
  • 34
1

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.

ova
  • 953
  • 8
  • 25