"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;}

 

[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

[CocteauBoy]

Same question here.

[George H. Compton IV]

now that's a difficult one because .xg_span-16, controls the width of the main page and the profiles. If you try to use styles to get that effect they Conflict with each other the first column on the main page will continue on under the second column to the end of the page or the reverse effect on profiles the third column will be gone but it will only let you use around two thirds of the page.

you can do it for individuals though read my article here Click here for single user

So I think the only way to accomplish that will be with a script and I'm working on it no guarantees that that will ever happen without ning changing a few things first .. so just cross your Fingers LOL

[George H. Compton IV]

here's the code for just the profiles

<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; }  

.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>

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

[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 there is a way you can get the code on my topic

just the profiles on your entire network

[MAXX]

What if you are already using a 2 column main page layout?  Will this then only affect profile pages?

[George H. Compton IV]

The right column would still be removed from the main page Unless you're right column is not .xg_span-7..

if you want me to check your profile to find out send me the link :)

[MAXX]

www.mycoachbook.com

[George H. Compton IV]

no need to go look here's the code that will work for just profiles :)

<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; }  

.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>

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

[George H. Compton IV]

I meant this code.  I forgot to remove two lines out the Last code LOL so no big difference.

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

[George H. Compton IV]

Thank you.. I just updated the main code with a couple fixes and I added some Extras

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

 <style>

.xg_span-14 #xg_canvas embed {
    min-width:970px!important;}
.xg_span-14 #xg_canvas iframe {
    min-width:970px!important;}
.xg_span-14 #xg_canvas object {
    min-width:970px!important;}

</style>