"Update 3" "Tip" Convert your three column profile to a two column profile and back again easily. It's now more compatible with the different networks on Ning + Groups and video Module fixes

[George H. Compton IV]

Completely removed the third column to make more room
for columns 1 and 2
adjust the size of column 1 and 2 to your liking
and Adjust the sizes of these two lines of code to match.

.xg_widget_profiles_profile_show .xg_2col iframe

.xg_widget_profiles_profile_show .xg_2col embed  

They are about halfway down in the code.
Just add this code to your advanced CSS in your design studio
and remove it to have your three columns back.
Simple as that :)

On some networks .xg_span-7 is .xg_span-5 so if the code doesn't work on your network you'll need to change the first line on this code to this.

.xg_widget_profiles_profile .xg_span-5
{display:none!important;}

you can also switch Sides that your profile picture is on just Switch the word  left to the word right on this line div#xg_layout_column_1{width:250px;float:left!important}

and switch this one from right to left on this one.
div#xg_layout_column_2{width:710px;float:right!important;}

Max width is specified  :) Embed and iframe .. now the videos will fill your comment box and your textbox

Created and tested on a single user profile
but If you'd like to use it on your whole network see my discussion "Remove the right Column from your Main page and all profiles on your entire network." or "Remove the right column from Just the profiles on your entire network"

if you would like to use this type of code on other networks such as meet me formally known as myyearbook just ask I've already written that code.

click this link to see a live preview

http://wellkunnected.com/profile/GeorgeCompton

click here Main page and all profiles

just the profiles on your entire network

For inbox notifications and such See Jen's discussion on adding those to your Ning bar

click here for Jen's discussion

<style>


.xg_widget_profiles_profile .xg_span-7
{display:none!important;}
div.xg_span-16, div.xg_3col {width: 975px!important;}
div#xg_layout_column_1{width:250px;float:left!important}
div#xg_layout_column_2{width:710px;float:right!important;}
div#xg_layout_column_3{width:0px!important;}

.xg_widget_profiles_profile_show .xg_span-14 #xg_canvas .xg_3col .xg_2col img,
.xg_widget_profiles_profile_apps .xg_span-14 #xg_canvas .xg_3col .xg_2col img{
    max-width:645px!important;}
.xg_widget_profiles_profile_show .xg_2col embed {
    min-width: 680px!important;
}
.xg_widget_profiles_profile_show .xg_2col iframe {
    min-width: 640px!important;
    min-height: 375px!important;}
.xg_widget_profiles_profile_show .xg_module.module_photo .xj_embed_container embed {
    min-width: 700px!important;
    min-height: 515px!important;}

dl.comment{
border:none!important;
min-width:660px!important;
}
.xg_widget_profiles_profile_show .xg_module_comment_wall embed {
    min-width: 525px!important;
    min-height: 315px!important;
    float:left!important;

}

.xg_widget_profiles_profile_show .xg_module_comment_wall img {
    max-width: 458px!important;
}

DIV.xg_module.module_video DIV.xg_module_body.body_large UL.clist LII  {
     min-width: 190px!important;
     min-height: 75px!important;}

DIV.xg_module.module_groups LI.xg_lightborder  {
     min-width: 120px!important;
     min-height: 75px!important;}

DIV.xg_module.html_module.module_text.xg_reset embed{   
     min-width: 700px!important;
     min-height: 395px!important;}

</style>


<style>

.xg_widget_profiles_profile_show .xg_span-14 #xg_canvas .xg_3col .xg_2col img,
.xg_widget_profiles_profile_apps .xg_span-14 #xg_canvas .xg_3col .xg_2col img{
    max-width:645px!important;
}

</style>

 

video Preview Of how simple it is to go from three columns two using my code
From this

To this

 

 

 

 

[George H. Compton IV]

Try adding this to the code

.xg_span-7.xg_last
{display:none!important;}

[ismail shah]

not working. still same problem.

any one help in script??

[George H. Compton IV]

It's worked for me perfectly on owners, administrators and user accounts.  I'm using a NING  Pro account with a new design studio.  I'm not sure what the difference is between the pro-and any other Network that NING provides I'm presuming you are using Something Other than a Pro account.. may be one of the superstars here will know more about your type of account.  I'm sorry it's not working for you as well as You would like Ismail :( I'm going to be gone today but if Superstar can't help you I should be back tomorrow and I'll see what I can to figure out the problem.  Let me know what type of account you were using Pro or other and newer or older design studio.  Thank you for the reply and the heads up.  You try to have a good day is Ismail.

[ismail shah]

I have plus account with Design Studio

its not related to account type. M assuming that it might be some sort of Theme Collapse problem..any how thanks in advance for working on it.

Much appreciated 

[George H. Compton IV]

I'm on my way to your Site right now to have a look.  You're welcome :)

[George H. Compton IV]

this should fix the problem instead of span-7 yours is span-5  so just use this code :D all fixed

</style>

.xg_widget_profiles_profile .xg_span-5.xg_last
{display:none!important;}
.xg_widget_profiles_members .xg_span-5.xg_last
{display:none!important;}
div.xg_span-16, div.xg_3col {width: 975px!important;}
div#xg_layout_column_1{width:250px;}
div#xg_layout_column_2{width:700px;float:right!important;}
div#xg_layout_column_3{width:0px!important;}

</style>

<style>

.xg_widget_profiles_profile_show .xg_span-14 #xg_canvas .xg_3col .xg_2col img,
.xg_widget_profiles_profile_apps .xg_span-14 #xg_canvas .xg_3col .xg_2col img{
    max-width:675px!important;
}

</style>

[George H. Compton IV]

It fix the problem.. Great!!! I'm happy :) lol

[Woody13]

ok is the max-embed width specified...? i have set the inbox to fixed on different versions of this but Jens navbar sounds perfect !

[George H. Compton IV]

Are you talking about Jen's navbar?  If you are I had to adjust the size of my navbar to use Jen's code.. I reset the bar to the width of 958px so the inbox and such will not drop off the bar on users accounts.

And if you're talking about my code it is adjustable but if you use it the way it is it looks great :-)

hopefully that answered your question :D have a great day Woody

[GrafX]

Any idea how to remove it just from all of the member profiles? Would still like to have the right column on my main page

[George H. Compton IV]

I'm working on it.. But no Guarantees.. lol

[George H. Compton IV]

okay GrafX here's the code to remove it from Just the profiles on the entire network :) just put this code in your NC custom code box..

<style>

 
.xg_widget_profiles_profile .xg_span-7.xg_last {display:none!important;}

div.xg_span-16, div.xg_3col {width: 975px!important;}

div#xg_layout_column_1{width:250px;}

div#xg_layout_column_2{width:720px;float:right!important;}

div#xg_layout_column_3{width:0px!important;}

.xg_widget_main_index .xg_3col {max-width:660px!important;}

.xg_widget_profiles_profile_show .xg_span-14 #xg_canvas .xg_3col .xg_2col img,

.xg_widget_profiles_profile_apps .xg_span-14 #xg_canvas .xg_3col .xg_2col img{

max-width:640px!important;}      

.xg_widget_profiles_profile_show .xg_module_comment_wall embed {

min-width: 485px!important;     min-height: 275px!important;}  

.xg_widget_profiles_profile_show .xg_module_comment_wall img {

max-width: 458px!important; }  


</style>

<style>

/*Comments in bubble with arrow*/
dl.comment{
border:none!important;
max-width: 700px!important;
}

.xg_widget_profiles_profile_show .xg_span-14 #xg_canvas .xg_3col .xg_2col embed {
    min-width: 660px!important;}
.xg_widget_profiles_profile_show .xg_span-14 #xg_canvas .xg_3col .xg_2col iframe {
    min-width: 600px!important;
    min-height: 375px!important;}

</style>