Simple tip: Save space on Profile Information section

[SweetPotato]

Arvo all

Here's a simple snippet of css to enhance and save space on your Profile Information module on profile pages, the bit that is home to questions answered on sign up. It works on the assumption you have this in the middle column. Not tested eleswhere.

Add this to your advanced css, amend as necessary:

/* MEMBER PROFILE INFO*/
#xg_layout_column_2.xg_2col .module_about_user dl {
    background: #F9F8F8;
    border:solid 1px #F2F1F1;
    clear: both;
    display: block;
    padding: 3px 0px 3px 5px;
margin-bottom:1px;
}

#xg_layout_column_2.xg_2col .module_about_user dt {
    display: inline;
    font-weight: bold;
}

#xg_layout_column_2.xg_2col .module_about_user dl dd {
    display: inline;
    margin-left: 2px;
}

preview:

In action here

SP

More tips on my profile page.

[Bernard Lama]

Excellent SP. Vertical order is boring, horizontal order looks great.

[igoravance]

Hi Michael, sorry but is it possible to put profile information in up to all people? Plz if is possible help me, cause i try and cannt anymore...Thanks

[Michael Thompson]

Excellent tip. It saves space and the shading improves the look of the profile pages in my opinion. I also use the code below to force the profile information box to the top of the middle column so it is more visible. The activity feed tends to push the profile information boxes down too far on the profile pages. 

<script type="text/javascript">
if (x$(".xg_widget_profiles_profile_show").length > 0){
x$('.module_about_user').appendTo(x$('#xg_layout_column_2 .xg_headline'));
}
</script>

[Bernard Lama]

This is what I wanted. Excellent. Michael, do you know this ?

[Illya]

This codes goes where? Custom code or CSS?

[SweetPotato]

CSS, illya

[igoravance]

Hi Michael, sorry but is it possible to put profile information in up to all people? Plz if is possible help me, cause i try and cannt anymore...Thanks

 

[igoravance]

Hi Michael!

Can you say me how to do y try to put code and say me error in code...this code is to put information box in up?

[igoravance]

WOWWWWW I DID THANKSSSSSSSSS MICHAELLLLLLLL I TRY TO FIND THIS MILLION TIMES, MUCH THANKS,,I SEE THAT THIS SCRYPT SPEND 1 SEC TO CHANGE, CAN BE FASTER? THANKS AGAIN

[ismail shah]

i want to color ANSWERS.

code???

[ismail shah]

i want to remove spaces between questions. CODE ???.. I Need like SP did .

@SP your Grey Rows aligned well i need like that

[SweetPotato]

Add some margin CSS to the top class mentioned above, something like:
Margin-top: 1px;

On iPad so not tested it.

SP