How do you customize the 'More Information' dropdown section of profile pages in My Sites?

Question

When you click More Information, if there is in fact more information, I want to customize what information gets put in there, can you make some of those fields always display above the More Information section? Can I make it not appear double-spaced? expand the column width limit etc. We are syncing fields like Education, Assistant and Assistant phone, Fax number and more.

Answer 1

You can modify it by affect properties of corresponding div (look at my example):

Please note the id of the target div and the modified width (I've done it with IE dev tools). Also note the BR tags - it's the reason for undesired spacing.

I suggest to add to page the hidden Content Editor Web Part and add a script inside it to modify this div content on page load via JQuery and CSS.