"TIP" Widen your main page & profiles layout too 1202px or just your profile

[George H. Compton IV]

For your main page and all profiles choose either the three column main page code or the two column main page code Then place the code in your NC custom code box. you can also place the code in your main design studio that will give your members a choice to be able to change it back to the default width. They just have to change themes in their design studio.

For an individual profile copy the bottom code and paste it in your profiles design studio for just your profile :-)

since a lot of Ning networks are different You may need to tweak the code or add some extra codes.. If so I'll be more than happy to adjust it or write new codes for your network.

Before my code

After

 

 

 

 

 

 

 

 

 

 

 

 

This code is for a three column main page and all profiles

<style>
DIV#xg.xg_widget_main.xg_widget_main_index.xg_widget_main_index_index,
DIV#xg.xg_widget_profiles.xg_widget_profiles_profile.xg_widget_profiles_profile_show{
width: auto!important;
margin-left: auto!important;
 margin-right: auto!important;
 padding-left: auto!important;
 padding-right: auto!important;}
.xg_widget_main_index_index #xg_body,
.xg_widget_profiles_profile #xg_body {
     width: 1202px!important;
     margin: 0px!important;
     padding: 0px 10px!important; }
.xg_widget_main_index_index #xg_body,
 .xg_widget_profiles_profile  #xg_body{
     margin-left: auto!important;
     margin-right: auto!important;}
.xg_widget_main_index_index .xg_span-7,
.xg_widget_main_index_index .xg_span-5,
.xg_widget_main_index_index .xg_span-4,
 .xg_widget_profiles_profile .xg_span-4,
 .xg_widget_profiles_profile .xg_span-7,
 .xg_widget_profiles_profile .xg_span-5{
     float: right!important;width:322px!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: 875px!important;}
.xg_widget_main_index_index div#xg_layout_column_1,
  .xg_widget_profiles_profile div#xg_layout_column_1{
     width:200px!important;}
.xg_widget_main_index_index div#xg_layout_column_2,
 .xg_widget_profiles_profile div#xg_layout_column_2{
     width:660px!important;
     float:left!important;
     padding-left: 3px!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,
 .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:520px!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: 508px!important; }
.xg_widget_profiles_profile DIV#xj_message_container SPAN TABLE{
   Width:583.5px!important;}
 .xg_widget_profiles_profile dl.comment{
     border:none!important;
     min-width: 600px!important; }
 .xg_widget_main_index_index .xg_span-14 #xg_canvas .xg_3col .xg_2col iframe,
 .xg_widget_profiles_profile_show .xg_span-14 #xg_canvas .xg_3col .xg_2col iframe {
     min-width: 500px!important;
     min-height: 275px!important;}
 .xg_widget_main_index_index DIV#xg_layout_column_2 .xg_module.module_photo .xj_embed_container embed,
 .xg_widget_profiles_profile_show DIV#xg_layout_column_2 .xg_module.module_photo .xj_embed_container embed {
     min-width: 658px!important;
     min-height: 415px!important;}
.xg_3col .module_photo .body_list .clist li {
    margin: 0px 34px 0px;}
DIV.xg_module.module_video DIV.xg_module_body.body_large LI  {
    margin: 0px 34px 0px!important;}
</style>

 

 

This code is for your a two column main page and all profiles

<style>
DIV#xg.xg_widget_main.xg_widget_main_index.xg_widget_main_index_index,
DIV#xg.xg_widget_profiles.xg_widget_profiles_profile.xg_widget_profiles_profile_show{
 width: auto!important;
 margin-left: auto!important;
  margin-right: auto!important;
  padding-left: auto!important;
  padding-right: auto!important;}
  .xg_widget_main_index_index #xg_body,
 .xg_widget_profiles_profile #xg_body {
      width: 1202px!important;
      margin: 0px!important;
      padding: 0px 10px!important; }
.xg_widget_main_index_index #xg_body,
  .xg_widget_profiles_profile  #xg_body{
      margin-left: auto!important;
      margin-right: auto!important;}
  .xg_widget_profiles_profile .xg_span-4,
  .xg_widget_profiles_profile .xg_span-7,
  .xg_widget_profiles_profile .xg_span-5{
      float: right!important;width:322px!important;}
  .xg_widget_profiles_profile div.xg_span-16, .xg_widget_profiles_profile div.xg_3col {
      width: 875px!important;}
   .xg_widget_profiles_profile div#xg_layout_column_1{
      width:200px!important;}
  .xg_widget_profiles_profile div#xg_layout_column_2{
      width:660px!important;
      float:left!important;
      padding-left: 3px!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:520px!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: 508px!important; }
 .xg_widget_profiles_profile  DIV#xj_message_container SPAN TABLE{
    Width:583.5px!important;}
  .xg_widget_profiles_profile dl.comment{
      border:none!important;
      min-width: 600px!important; }
  .xg_widget_profiles_profile_show .xg_span-14 #xg_canvas .xg_3col .xg_2col iframe {
      min-width: 500px!important;
      min-height: 275px!important;}
  .xg_widget_profiles_profile_show div#xg_layout_column_2 .xg_module.module_photo .xj_embed_container embed {
      min-width: 658px!important;
      min-height: 415px!important;}
.xg_widget_main_index_index DIV.xg_3col.first-child,
 .xg_widget_main_index_index .xg_column.xg_span-14 {
      width:870px!important;
      float:left!important;
      padding-left: 3px!important;}
   .xg_widget_main_index_index .xg_column.xg_span-14 .xg_module.module_photo .xj_embed_container embed {
      min-width: 870px!important;
      min-height: 415px!important;}
  .xg_widget_main_index_index_show .xg_column.xg_span-14 img,
  .xg_widget_main_index_index_apps .xg_column.xg_span-14 img{
      max-width:870px!important; }
 </style>

 

 

 

this code is for just your profile  the code goes in your design studio on your profile

<style>
DIV#xg.xg_widget_profiles.xg_widget_profiles_profile.xg_widget_profiles_profile_show{
width: auto!important;
margin-left: auto!important;
 margin-right: auto!important;
 padding-left: auto!important;
 padding-right: auto!important;}
.xg_widget_profiles_profile #xg_body {
     width: 1202px!important;
     margin: 0px!important;
     padding: 0px 10px!important; }
 .xg_widget_profiles_profile  #xg_body{
     margin-left: auto!important;
     margin-right: auto!important;}
 .xg_widget_profiles_profile .xg_span-4,
 .xg_widget_profiles_profile .xg_span-7,
 .xg_widget_profiles_profile .xg_span-5{
     float: right!important;width:322px!important;}
 .xg_widget_profiles_profile div.xg_span-16, .xg_widget_profiles_profile div.xg_3col {
     width: 875px!important;}
  .xg_widget_profiles_profile div#xg_layout_column_1{
     width:200px!important;}
 .xg_widget_profiles_profile div#xg_layout_column_2{
     width:660px!important;
     float:left!important;
     padding-left: 3px!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:520px!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: 508px!important; }
.xg_widget_profiles_profile  DIV#xj_message_container SPAN TABLE{
   Width:583.5px!important;}
 .xg_widget_profiles_profile dl.comment{
     border:none!important;
     min-width: 600px!important; }
 .xg_widget_profiles_profile_show .xg_span-14 #xg_canvas .xg_3col .xg_2col iframe {
     min-width: 500px!important;
     min-height: 275px!important;}
 .xg_widget_profiles_profile_show div#xg_layout_column_2 .xg_module.module_photo .xj_embed_container embed {
     min-width: 658px!important;
     min-height: 415px!important;}
</style>

[George H. Compton IV]

If you look at my codes there is nothing there that would remove anything there is no Display: none; or visibility: hidden; Or even opacity: 0; so it is impossible for my code to remove anything.

With that said if you would like to send me a link to your network I'll see what's going on and write you a code to fix your issue.

[George H. Compton IV]

It doesn't remove that column the reason it's not visible is because you have no Discussions in your forum nor do you have any groups Started and the music player is not there because you haven't uploaded any music Yet :-) so there are no problems just create a discussion in your forms and create a group and upload some music  then  it will show up for regular members :-)

you have a great day Ricardo :-)

[Riccardo Rossini]

ahhaha I'm the worse George, thak you so much!! :-))) The last verification and tomorrow we'll activate it in the main site

[George H. Compton IV]

Oh no you're not :-) I love the design you created for your network it looks awesome keep up the good work :-)

[Riccardo Rossini]

To make it works only in main page do I have to delete all strings with "profile"?
Example:

DIV#xg.xg_widget_profiles.xg_widget_profiles_profile.xg_widget_profiles_profile_show

[lorianne]

hi george -  you are just the BEST!   took a little tweaking to make this work since i had hidden my right column, but its working GREAT now after some minor fiddling here & there.  i had to adjust my slider ... not sure if i will adjust my menu to span or leave it as is, but so far i am really pleased with it

thanks for all the stuff you share.

live version HERE

L

[George H. Compton IV]

awesome I'm glad you figured it out :-) I think your network looks great without stretching the menu out. But that is up to you the important thing is that you design your site the way you like it.. :-)

you're welcome and thank you :-)

[Riccardo Rossini]

Ok I think I've done, can you please simply check? I have removed all "profile" strings

<style>
DIV#xg.xg_widget_main.xg_widget_main_index.xg_widget_main_index_index {
width: auto!important;
margin-left: auto!important;
 margin-right: auto!important;
 padding-left: auto!important;
 padding-right: auto!important;}
.xg_widget_main_index_index #xg_body {
     width: 1202px!important;
     margin: 0px!important;
     padding: 0px 10px!important; }
.xg_widget_main_index_index #xg_body {
     margin-left: auto!important;
     margin-right: auto!important;}
.xg_widget_main_index_index .xg_span-7,     
.xg_widget_main_index_index .xg_span-5,     
.xg_widget_main_index_index .xg_span-4 {
     float: right!important;width:322px!important;}
.xg_widget_main_index_index div.xg_span-16, .xg_widget_main_index_index div.xg_3col {
     width: 875px!important;}
.xg_widget_main_index_index div#xg_layout_column_1 {
     width:200px!important;}
.xg_widget_main_index_index div#xg_layout_column_2 {
     width:660px!important;
     float:left!important;
     padding-left: 3px!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:520px!important; }
 
 .xg_widget_main_index_index .xg_span-14 #xg_canvas .xg_3col .xg_2col iframe{
     min-width: 500px!important;
     min-height: 275px!important;}
 .xg_widget_main_index_index .xg_column.xg_span-14 .xg_module.module_photo .xj_embed_container embed
     min-width: 658px!important;
     min-height: 415px!important;}
</style>

[Riccardo Rossini]

Waiting on your code for the whle site ;-)

[Riccardo Rossini]

Now live in our site :-)

http://www.fotografiapuntodincontro.com/main/

[Damien Hannah]

Looks great Riccardo! :)

[Riccardo Rossini]

Thanks Damien