What's the best way of removing whitespace from the top of my web part page?

Question

Apologies for the simplicity of this one, I've tried lots of searches online but not found a solution.

All I want to do is remove the whitespace above "My page title" so that the title sits at the top of the screen - quite a lot of real estate is unecessarily wasted currently.

I've tried editing the code in SharePoint designer but large portions of it are uneditable, I'd also rather there was a GUI solution if possible.

Answer 1

First of all click edit page and check if your space contains empty html elements (p of div) and delete it.
If it is a css styles problem, you can click html->edit source in the ribbon, and add correct styles to your page.

Answer 2

It looks like this is caused by top and bottom margin of the element which repersents your page title. You can use tools like IE developer toolbar (IE) or Firebug (Firefox) to locate corresponding CSS styles and modify or override it.

Answer 3

That whitespace is actually the 2nd level of Tabs from the Ribbon and cannot be removed without consequences. If you still feel like doing so, you need to change CSS styles for

s4-ribbonrow and .s4-ribboncont