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

 

[MAXX]

Thanks, love it for profiles--so much cleaner.  Any code to add to make the videos in the video module fit the entire box instead of having the blank space?

[MAXX]

Found another problem.....when adding the code for just the profile pages, the columns on the main page in a 2 column layout are squished together with no space separating them. You can see it at www.mycoachbook.com.

[George H. Compton IV]

not really a problem..I went ahead and changed it on my discussion. 

this is all I changed 660 to 650..all fixed

just for you LOL

it looks perfect on your Network now just use the new code :-)

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

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

[MAXX]

awesome thanks!

[George H. Compton IV]

you're welcome Max

[George H. Compton IV]

About the videos ..I hadn't even noticed that it's definitely worth looking into.  You'll be the first to know if I come up with anything :)

about the videos

[MAXX]

ok, thank you!

[George H. Compton IV]

you're welcome

[DTM]

Just curious, why would anyone WANT to remove all the profiles?

[George H. Compton IV]

It just removes the right column on all profiles not the whole profile :-)

[George H. Compton IV]

All right anyone that is using this code add this " .xg_module.module_photo " To this line of code

" .xj_embed_container embed {min-width:970px!important;} "

or just replace it with this

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

It was causing the badges To stretch out so this is the fix. I've already replaced it in the code on this discussion

[lorianne]

george - I so very much want to use this code!  I have tried it in my test network and this is what i get:big white-space between my nav & the first item in my center column.  The center column on my site doesnt contain anything but text boxes, so that may be why.

I tried removing all my custom code & custom css, then added your code - still got the same results.

I have no idea what I am doing (in general) and for sure no idea why this wonderful code wont work for me.  any ideas?  and thanks for all the wonderful codes you share here. i use several.