Current status of the Ning Platform is always available on the Ning Status Blog.

Have you wanted to change the orientation of the standard NING group lay out?  Take a look at my group layout - if you like it, add this code to change yours.  You may want to try it in your test network first, and make subtle changes for your own taste.



 Step 1 - Add this code to your Analytics code section:

<script>
if (window.location.href.split('group')[1] > '/') {
x$('.xg_column .xg_span-5 .xg_last').css('display','none');
x$('.xg_span-16').css('width','982px');
x$('.xg_headline').css('display','');
x$('.xg_span-12').css('width','702px');
x$('.xg_span-4').css('width','260px');
x$('.xg_widget_groups_group_show .xg_module_with_dialog').css('display','none');}
</script>

Step  2 - Add this CSS code to your Advanced Section in the Design Studio, or the Advanced Section under Appearance, in the NING old editor:

/* CHANGE GROUP LAYOUT */

.xg_widget_groups_group_show .xj_classic_sidebar {display: none;}
.xg_widget_groups_group_show .xg_span-12 {float: right;}

.xg_widget_groups_group_show .xg_span-12 {margin-top: 20px;}
.xg_widget_groups_group_show .xg_span-4 {margin-top: 20px;}

/* REMOVE SIGN-IN BOX FROM GROUP LIST SCREEN */
.xg_widget_groups_group_show #xg_module_account {display:none!important;}


/* REMOVE SIGN-IN BOX FROM ON GROUP MAIN PAGE */
.xg_widget_groups #xg_module_account {display:none!important;}

Just incase you are wondering, in the photo above, I am using the "A1" Layout for my site.  Results may vary and you may have to adjust the codes if you have a different layout or already have other custom code.

Also keep in mind, that I have globally removed other modules, such as Leader Boards, etc.  If you have custom Text Boxes with content, and want those removed, you will have to add additional CSS to remove those items.  This is why mine looks so clean.  The additional CSS for removing other items can be found looking here in the NING forum.


Hope this simplifies the process for you.!

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Votes: 0
Email me when people reply –

Replies

  • +1 So going to try this on my network tonight! (I have A1 as well) Thank you! 

  • Great tip Chloe! I have wanted to get rid of the Latest Activity time stamp in groups for a while. The tip is working great on my sites except one thing. It is pushing the third column down below, as in this group for example. The clock and the ads were all in the third column (right side) previously. 

    Can these items be moved up right under the group members module and group pages?

    Or can this third column be hidden?

  • muy bueno, Gracias por compartir

  • Able que hizo un trabajo muy bueno

    You did a awesome job Chloe

  • Great tips!

    If I just want to hide the right column (shown on all pages including groups) - do you have the code for that?

     

    Thanks!

     

  • Thanks for sharing this, Chloe! I'm having the same problem as Michael, though. I really hope there's a way to hide the third column instead of pushing it to the bottom. 

  • The additional CSS for removing other items can be found looking here in the NING forum.

    I did not found. Can you sugest a topic?

    • thak you very much your tip works very good for me.

This reply was deleted.
 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

Alex - Rosas † Negras replied to Alex - Rosas † Negras's discussion
I managed to add group video calling, if anyone is interested I will post the codes
"⚡JFarrow⌁  
I'm working on the stories and I don't have time to work on the video call you just…"
yesterday
Alex - Rosas † Negras replied to Alex - Rosas † Negras's discussion
I managed to add group video calling, if anyone is interested I will post the codes
"if you want I'll give you the codes privately and we'll see if the two of us can make it perfect"
Friday
Eva and ⚡JFarrow⌁ are now friends
NC for Hire
Wednesday
⚡JFarrow⌁ replied to Eva's discussion
For three days now, my networks, Ning 2.0 and Ning 3.0, are incorrectly visible
"Ug... thats not right..  ill send you my phone number in messages and we'll talk it over."
Tuesday
Eva replied to Eva's discussion
Help Help Help
" I just started a test network on Ning. I'm having the same problems there too! No photos, in…"
Jun 21
Eva posted a discussion
Jun 21
Eva posted a discussion
For three days now, my two networks, Ning 2.0 and Ning 3.0, have been displayed incorrectly, they…
Jun 21
⚡JFarrow⌁ replied to Alex - Rosas † Negras's discussion
I managed to add group video calling, if anyone is interested I will post the codes
"looks interesting"
Jun 20
⚡JFarrow⌁ updated their profile photo
Jun 16
Kenny Craig updated their profile
Jun 8
Isabella Wilson updated their profile
Jun 5
Eva liked ⚡JFarrow⌁'s discussion What is going on with Ning? What Do We have to Look Forward To?
Jun 2
More…

Meanwhile, you can check our social media channels