Monday, October 22, 2012

Column codes( 1 or 2 columns)

legend:
A- first column(one with your avatar)
B- second column(wider column)
C- third column(with the signout box)

Two Column codes
     - columns included: A and B

The Key codes to remove column C are these

.xj_sidebar_content - under this is the events and birthdays modules omo
.xj_user_info - under this is the header of the sign out box and the awaiting comments box

.xg_widget_profiles_profile_show .xg_column.xg_span-4 .xg_last.xj_classic_sidebar,.xg_widget_profiles_profile_show
.xg_column.xg_span-4.xg_last - this is general code - the whole column.
                                    note: this code does not work on hydronime


so below, are the codes omo any comments will be prefixed with //
-----------------------------------
/*code start*/
.xj_sidebar_content, .xj_user_info {display: none!important;}

.xg_widget_profiles_profile_show .xg_colgroup.last-child 
{
width:750px!important;
}
.xg_widget_profiles_profile_show .xg_3col .xg_2col //code for column B
{
overflow-x:hidden!important;
overflow-y:hidden!important;
width: 500px !important;
}
.xg_widget_profiles_profile .xg_3col .xg_1col //code for column A
{
overflow-x:hidden!important;
overflow-y:hidden!important;
width:200px !important;
}
#xg{margin-left: 300px;}
-----------------------------------
To switch the position of column B and column A
you add the position property and use the left and right properties to move it around
-----------------------------------
/*code start*/
.xj_sidebar_content, .xj_user_info {display: none!important;}

.xg_widget_profiles_profile_show .xg_colgroup.last-child 
{
width:750px!important;
}
.xg_widget_profiles_profile_show .xg_3col .xg_2col
{
margin-right:0px!important;
overflow-x:hidden!important;
overflow-y:hidden!important;
position: relative!important;
width: 500px !important;
right:220px;
}
.xg_widget_profiles_profile .xg_3col .xg_1col 
{
margin-left:0px!important;
overflow-x:hidden!important;
overflow-y:hidden!important;
width:200px !important;
position:relative!important;
left: 510px;
}
#xg{margin-left: 270px;}

One Column code
     - column included: B

The Key codes to remove column A are these

 .xg_widget_profiles_profile .xg_3col .xg_1col - under this is the avatar and other modules under it
         *refer to Two Column Codes for Key codes to remove column C

-----------------------------------
/*code start*/
.xj_sidebar_content, .xj_user_info, .xg_widget_profiles_profile .xg_3col .xg_1col 
 {display: none!important;}

.xg_widget_profiles_profile_show .xg_colgroup.last-child 
{
width:750px!important;
}
.xg_widget_profiles_profile_show .xg_3col .xg_2col
{
margin-right:0px!important;
overflow-x:hidden!important;
overflow-y:hidden!important;
position: relative!important;
width: 600px !important;
left: 170px;
}

Star Gazing