JenSocial: Social Web Directory and Ning Tips

Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support

How To Remove Right Column for a Group - UPDATE after New Ning

Related Tip:
How To Remove Right Column For Pages

Since things have changed and the Ning ID and Ads have been removed from the right column; I would like to share a nice tip with everyone. With the new Ning, any site that has access to the Custom Code Box (previously Analytics Box) can use this tip: Ning Plus and Ning Pro

How to remove the right column from a specific Group (Main Page of Group):

Add the following code to your Custom Code Box, via (My Network/Tools/Custom Code).
Be sure to change the Group name. Use the exact name at the end of your group URL. For example, the Group URL for the Ning Tips on JenSocial is: "http://jensocial.com/group/ningnetworktips". If I wanted to remove the right column from this Group, I would replace the 'your_group_name' with 'ningnetworktips'

UPDATE July 21, 2010: If you are using this code and it stopped working, please copy/replace using the updated code, below.

<script type="text/javascript">
if (window.location.href.split('group/')[1] == 'your_group_name') {
x$('.xg_column.xg_span-4.xg_last').css('display','none');
x$('.xg_3col').css('width','955px');
x$('.xg_span-16').css('width','945px');
x$('.xg_headline').css('display','none');
x$('.xg_span-12').css('width','940px');}
</script>

The code below will also remove the Group Header (where the Group icon takes up too much space, and the Group Text Box Header. Most Network Creators will probably not want these 2 elements removed. If you do not, please use code above.

<script type="text/javascript">
if (window.location.href.split('group/')[1] == 'your_group_name') {
x$('.xg_column.xg_span-4.xg_last').css('display','none');
x$('.xg_3col').css('width','955px');
x$('.xg_span-16').css('width','945px');
x$('.xg_headline').css('display','none');
x$('.xg_span-12').css('width','940px');
x$('div.pad5').css('display','none');
x$('div.xg_module_head').css('display','none');}
</script>

Enjoy!

0 members favorited this

Replies to This Discussion

Permalink Reply by Susan Kay Daniels on May 30, 2011 at 1:37pm

How do I get this to work for all groups on my site?

Warmly,

Susan

Permalink Reply by Predestined by God on January 14, 2015 at 4:00pm

This tip doesn't seem to be working for me. Am I suppose to add the entire URL of my group that I want to hide/remove? And do I have to do this for each different group? I'd like to remove the right column for all groups. BTW... I'm still using the Ning 2.0 platform, which I still love ;)... Thanks!

Permalink Reply by JenSocial on January 15, 2015 at 1:14pm