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>
1
-
#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
-
-
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;
}
answered Jun 14 '16 at 12:18
-
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
