"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]

The code I Posted here in the comments For  Just the profiles

change the sixth line down to this

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

I was told That the main column was too close to the right column so this will fix that :)

[George H. Compton IV]

yes Max width is specified if you add this code :) Embed and iframe .. now the videos will fill your comment box and your textbox

<style>

.xg_widget_profiles_profile_show .xg_span-14 #xg_canvas .xg_3col .xg_2col embed {
    min-width: 640px!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>

[Woody13]

awesome thankyou... !

[George H. Compton IV]

 you're welcome Woody :)

[Javier Cambón Sanjurjo]

Thanks for those tips George!

Quick question, do u know how to get members, forum, blog and groups also like that? I mean, hiding the sidebar is easy 

.xg_widget_profiles_members .xg_span-7.xg_last
{display:none!important;}
.xg_widget_profiles_blog .xg_span-7.xg_last
{display:none!important;}
.xg_widget_groups .xg_span-7.xg_last
{display:none!important;}
.xg_widget_forum .xg_span-7.xg_last
{display:none!important;}

but I am having trouble replicating your code for changing this part:

.xg_widget_main_index_index_show .xg_span-14 #xg_canvas .xg_3col .xg_2col img
.xg_widget_main_index_index_apps .xg_span-14 #xg_canvas .xg_3col .xg_2col img{
max-width:945px!important;}

Thanks!

[George H. Compton IV]

sent me a link to your page and I can figure out if this code doesn't work :-)

it's probably going to look something like this

.xg_widget_forums_forum_show .xg_span-14 #xg_canvas .xg_3col .xg_2col img .xg_widget_forums_forum_apps .xg_span-14 #xg_canvas .xg_3col .xg_2col img {max-width:945px!important;}

.xg_widget_groups_group_show .xg_span-14 #xg_canvas .xg_3col .xg_2col img
.xg_widget_groups_group_apps .xg_span-14 #xg_canvas .xg_3col .xg_2col img{
max-width:945px!important;}

[Javier Cambón Sanjurjo]

That option (and trying forums_forum in both) doesn't work.

Actually, the profile & main are ok even when I reduce your code to just:

.xg_widget_main_main .xg_span-7.xg_last
{display:none!important;}
.xg_widget_profiles_profile .xg_span-7.xg_last
{display:none!important;}
.xg_widget_main_index_index .xg_span-7
{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;}

So my guess is that for making it work on the groups / members / blog / forum, I would need to change something starting on the div.xg_span-16, div.xg_3col {width: 975px!important;}....  maybe a different span?

My site is http://mindbond.ning.com/, create a dummy account and I will approve it.

Thanks!

[George H. Compton IV]

okay the account is created GC dummy lol

[Javier Cambón Sanjurjo]

Haha... thanks!

I have checked the group page with inspect element and it seems that there are other things to change, apart from the common div#.... in order to make it work properly.

.xg_span-14
.xg_span-14 .xg_list_groups_main ul li
.xg_span-14 #xg_canvas

so I have added 

.xg_widget_groups .xg_span-14 {width:975px!important;}
.xg_widget_groups .xg_span-14 .xg_list_groups_main ul li {width:975px!important;}
.xg_widget_groups .xg_span-14 #xg_canvas{width:975px!important;}

and now it works =)

[George H. Compton IV]

I see that awesome.. I had realized little while ago it was going to take more than just what we had at first.. congratulations :-)

[George H. Compton IV]

If you're going to remove the right column off of your whole network just used this one code to remove them all .xg_span-7.xg_last
{display:none!important;}

Which means you don't need any of these

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

may I get a copy of the whole code?  Just to see the differences and so I won't have to continue writing that code LOL

[Javier Cambón Sanjurjo]

This is what I did for groups. The group page is very nice (the first part), but when u enter in one of the groups it is not that nice... (it breaks down a little bit, but it is good enough for what I need... even though I would love to have the picture in the middle!)

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

.xg_widget_groups .xg_span-14 {width:975px!important;}
.xg_widget_groups .xg_span-14 .xg_list_groups_main ul li {width:975px!important;}
.xg_widget_groups .xg_span-14 #xg_canvas{width:975px!important;}

.xg_widget_groups .xg_span-4{ width: 975px !important;}
.xg_widget_groups_group_show #xg_canvas .xg_span-16 {width: 975px !important;}
.xg_widget_groups_group_show #xg_canvas .xg_span-12 {width: 967px !important;}
.xg_widget_groups #xg_canvas .xg_span-8 {width: 967px;}

This is for members (it is nice):

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

.xg_widget_profiles_members .xg_span-14 {width:975px!important;}
.xg_widget_profiles_members .xg_span-14 #xg_canvas{width:975px!important;}

And this is for forum (it is also nice):

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

.xg_widget_forum .xg_span-14 {width:975px!important;}
.xg_widget_forum .xg_span-14 #xg_canvas {width:975px!important;}
.xg_widget_forum #xg_canvas .xg_span-11 {width:740px!important;}
.xg_widget_forum .module_searchbar input.textfield {width:500px!important;}

I hope it is helpful!