1

I managed to remove the title of a page now I've white spaces there how do I remove it. I used the following css in the content editor webpart to remove the title.

<style>

.ms-core-pageTitle{Display:none !Important;}
</style>
  • #DeltaPlaceHolderPageTitleInTitleArea{Display:none !Important;} – SharePointMan Jun 14 '16 at 8:41
2

You could move the "ms-rte-layoutszone-inner"-box up by using CSS. I used "top" to move the box vertically.

<style>
.ms-core-pageTitle{Display:none !Important;}
.ms-rte-layoutszone-inner {position: relative;
    top: -50px;}
</style>

Additionally you can move the box horizontally by adding e. g. "left: -30px;" into the bracket

  • Hi Steff, It worked please see the code may i ask how to get rid of the the image and – Rinu Jun 16 '16 at 5:16
  • or can you point me somewhere to get the details of the CSS – Rinu Jun 16 '16 at 5:26
  • Hello Rinu. The "trick" how I find out about elements name is: Use Firefox and get the Add-On called "Firebug". If u are on any Site and press F12, there is a function in the ADD-on (icon with a window and mouse on) that you can get details of the code by Mouseover. There you can also see the element names like ".ms-..." and if you are adding them to your CSS you can change them however you want :) – SteffPoint Jun 16 '16 at 6:14
  • See this step here starting at 2:15 for how to use Firebug: youtu.be/igguTa6oZeI?t=2m11s It works same on SharePoint. Somehow the Add-On only works properly on Mozilla Firefox. If you can't install it in your company, you might get a portable version of Firefox (I also got a portable one). Greetings ;) – SteffPoint Jun 16 '16 at 6:19
2

No need for !important CSS Specificity hacks

After

#pageTitle {
   display:none
}

there is whitespace because the contentRow is pushed down by the whole DIV row (including Logo)

You could push the page content only up with:

#DeltaPlaceHolderMain{
    margin-top:-64px;
}

But note that other UI elements (like the Noticification area in the top right of the page content) will also move 64 pixels up...

To counter that:

#notificationArea{
    margin-top:64px;
}

  • some how i cant get it to work please see the script i have used may be am doing something wrong <style> .ms-core-sideNavBox-removeLeftMargin { display: none } #contentBox { margin-left: 0px } .#pageTitle { display:none } .ms-core-pageTitle{Display:none !Important;} #DeltaPlaceHolderMain{ margin-top:-64px; } </style> – Rinu Jun 16 '16 at 5:07
  • That is not the lines of code I wrote. Use something like StyleBot to live edit CSS against your SP page – Danny '365CSI' Engelman Jun 16 '16 at 9:33

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.