"TIP" "new Update 5" Remove the column that has your inbox & notification from your main page and all profiles.

[George H. Compton IV]

Tested and working perfectly on my Ning Pro account with a two column main page and three column profiles with the new design studio.

"new" there's now a code for networks with a three column main page with three column profiles 11-14-12

This code removes the column that has your inbox & notification from your main page and all profiles on your network.

On some networks .xg_span-7 is .xg_span-5 or .xg_span-4 so if the code doesn't work on your network you'll need to change the 7 to a 5 or a 4 in two lines of this code.

It doesn't remove that column from any other page.

just add one of the two sets of codes at the bottom of this discussion to your creator's custom code box..

and for a single user see my discussion "Convert your three column profile to a two column profile and back again easily" or "Remove the right column from Just the profiles on your entire network"

Click here for single user

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

 

      Use the full width of your main page.

More room on your profile for Your text box

The right column remains everywhere else

  Two column main page with three column profiles code.

<style>

  .xg_widget_main_index_index DIV.xg_module.html_module.module_text img {max-width:970px!important;}

 .xg_widget_main_index_index .xg_module.module_photo .xj_embed_container embed {min-width:970px!important;}

 .xg_widget_profiles_profile .module_photo .xj_embed_container embed {min-width:710px!important; min-height: 775px!important;}

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

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

.xg_widget_profiles_profile  div#xg_layout_column_1{width:250px;}

.xg_widget_profiles_profile  div#xg_layout_column_2{width:710px;float:right!important;}

.xg_widget_profiles_profile 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:640px!important;}

.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:940px!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; }

.xg_widget_profiles_profile DIV.xg_module.module_video  LI  {
     min-width: 190px!important;
     min-height: 75px!important;}  

 .xg_widget_profiles_profile DIV.xg_module.module_groups LI.xg_lightborder  {
     min-width: 120px!important;
     min-height: 75px!important;}
     
.xg_widget_profiles_profile  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  dl.comment{
max-width: 700px!important;
}

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

 

The codes below are extra plug-in's for the main page you could use all or some of these to adjust the size of embed, iframe & object. To make either videos or applications fit the full width of your main page Text box. 

You need to adjust the height of any of these three in the text box  if using these codes below.

 

iframe is for youtube Videos

embed is for most music player's and apps

object is for certain apps  and such

This code goes into your creator's custom code box as well.

<style>

 .xg_widget_main_index_index #xg_canvas DIV.xg_module.html_module.module_text embed { min-width:970px!important;}

.xg_widget_main_index_index #xg_canvas DIV.xg_module.html_module.module_text iframe {
    min-width:970px!important;}

.xg_widget_main_index_index #xg_canvas DIV.xg_module.html_module.module_text object {
    min-width:970px!important;}

</style>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

three column main page with three column profiles 11-14-12

three column main page with three column profiles code.

.xg_widget_main_index_index .module_photo
.xj_embed_container embed, .xg_widget_profiles_profile .module_photo
.xj_embed_container embed {min-width:710px!important; min-height:
775px!important;}

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

.xg_widget_main_index_index div.xg_span-16,  .xg_widget_main_index_index div.xg_3col,
.xg_widget_profiles_profile div.xg_span-16, .xg_widget_profiles_profile div.xg_3col {width: 975px!important;}
 
.xg_widget_main_index_index div#xg_layout_column_1, .xg_widget_profiles_profile div#xg_layout_column_1 {width:250px;}

.xg_widget_main_index_index div#xg_layout_column_2, .xg_widget_profiles_profile div#xg_layout_column_2{width:710px;float:right!important;}

.xg_widget_main_index_index #xg_canvas .xg_3col .xg_2col img,
.xg_widget_profiles_profile #xg_canvas .xg_3col .xg_2col img{
max-width:640px!important;}



.xg_widget_main_index_index_show .xg_module_comment_wall embed,
.xg_widget_profiles_profile_show .xg_module_comment_wall embed {
min-width: 485px!important; min-height: 275px!important;}

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


.xg_widget_main_index_index DIV.xg_module.module_video  LI,
.xg_widget_profiles_profile  DIV.xg_module.module_video  LI  {
     min-width: 200px!important;
     min-height: 75px!important;}
 
.xg_widget_main_index_index DIV.xg_module.module_groups LI.xg_lightborder,
.xg_widget_profiles_profile .xg_module.module_groups LI.xg_lightborder  {
     min-width: 120px!important;
     min-height: 75px!important;}

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

.xg_widget_profiles_profile DIV.xg_module.html_module.module_text img,
.xg_widget_main_index_index DIV.xg_module.html_module.module_text img {
max-width:700px!important;}

 

[George H. Compton IV]

just lower the pixel settings in this line of code to 710 or 700.  That should do the trick

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

and lower the 720 in this line of code as well

.xg_widget_profiles_profile_show .xg_span-14 #xg_canvas .xg_3col .xg_2col embed {
    min-width: 720px!important;}

or you can just raise the numbers in these two lines of code and it should fix the problem. Raise it to 985 or 995.

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

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

[lorianne]

thank you!  worked like a charm on my test page. I havent implemented it yet on my site, but hope to soon.  again... thanks for sharing!

[George H. Compton IV]

You're welcome Lorianne :)

With all the changes Ning has made since I wrote this discussion if you have any problems just let me know and I'll work them out for you if need be :-)

you have a great day :-)

[lorianne]

so, i implemented this on my site & LOVE it. I really needed the extra space on the main page more than i did the right column.

one (more) thing... It hasnt worked for all the profiles. Best I can tell, any profile that has been customized by the member has not changed. The right column is still showing and the center column is still its original size.

On my own profile page i didnt change anything other than colors.

any ideas how I can fix it?

[caro]

kikou mon ami je n'ai plus la gestion de mes membres et ici je voi plus mes cadeaux est ce que toi aussi tu me dit stp si c'est un beug gros bisous 

[George H. Compton IV]

Je suis désolé Google translate ne traduit pas très bien.
Bisous à vous, ma chère

[dave]

Great work George :-)

[George H. Compton IV]

thank you Dave :-)

[Edward Rios]

Tried it. Works great! One question, is there a way to exclude the homepage? I'd like three columns on homepage.

Thanks.

[George H. Compton IV]

Yes there is! use my discussion

"TIP" Update 3 Remove the column that has your inbox & notifica...

 you have a great day Edward

[Beth McGough]

I've successfully used the code to remove the third column from my network, discovermorecorps.com but the previously middle, now right column has not expanded to fill the space. How do I expand the right column?