How to remove Title and white spaces from a page

Question

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>

Answer 1

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

Answer 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;
}