removing the right column completely

[Mike]

I saw a code that will remove the right column if you pay for premium services on the site but it won't work anymore:

.xg_widget_page .xg_1col { display:none; }
.xg_widget_page .xg_3col { width:935px; }

Is there a new way to do it on some of the pages? Will it work on pages I add via tab manager or do I need to use the old Pages function?

[Jake // HookahDomain.com]

I too an trying to remove the right column for one specific page I am created so that I can add an iFrame to my external store. How can this be done?

[Phaivone]

Hey Hookah, If you find the code to remove the right column on certain pages, Please let me know.
I have a cafepress store that I want in iframes but it don't look right unless I could remove the right column.
Please let me know if you find it cuz I have been searching for months now.

Thanks
My Site

[TJ @ jQueryHelp]

You can remove the right column completely with jQuery code. But before you do, remember this! Ning has their ads in the right column, and if you have a "free" network, meaning you are not paying the Premium monthly fee, Ning has the right to show their ads on your network. This is currently in the Terms Of Service:

11. Advertising and Promotion for Network Creators

On free Social Networks, we have the exclusive right to sell, run and/or serve third-party advertising on your Social Network....

If you have a free network, DO NOT USE THIS CODE! Ning may very well consider it a breach of TOS and remove your network!

Here is some jQuery to remove the right column and expand the left column to fullpage, on any new Page pages you make. Use it at your own risk, as discussed above!


<script type="text/javascript">

x$(document).ready(function() {

// Remove right column on Page type pages:
if (x$("div.xg_widget_page").length > 0) {
x$("div.xg_span-4").remove();
x$("div.xg_span-16").css("width", "98%");
}

});
</script>

[Phaivone]

Would you know if I could remove the right column on one page only?.... I do not wish the right hand column to removed on all pages I created....
Thanks

Mind you, Just one page only. Thanks!.

[TJ @ jQueryHelp]

Put a uniquely named div on that one page (div id="UNIQUE") and then change the

div.xg_widget_page

to

div#UNIQUE

in the code I gave and it should work. Anyone reading this post MUST be aware that it may be a breach of the Ning TOS to remove the right column especially if you have a free Network. Use this at YOUR OWN RISK!

[Curtis]

Ok, Please tell me what I am doing wrong..I do not know coding so I copy and paste and edit as best I can following your instructions

I also want to remove the right column on just a single page-a page I created that I want an Iframe in.
I took the CSS you posted below and replaced the Div with this

div#UNIQUE

Here is what it looked like before I placed in in the Advanced CSS settings of my site
script type="text/javascript">

x$(document).ready(function() {

// Remove right column on Page type pages:
if (x$("div#UNIQUE
").length > 0) {
x$("div.xg_span-4").remove();
x$("div.xg_span-16").css("width", "98%");
}

});

NOTE:-For some reason I had to remove the script tags to get this to show up here, but they were included in the code I added to the advanced CSS






Then I went to the actual page that I wanted to remove the right hand column from and pasted this code in the HTML box
div#UNIQUE

Still the right hand column has not changed? Please tell me what I am doing wrong?
I am a premium user and purchase all the services they offer monthly

I am sorry i know so little and appreciate your help




"TJ" @ www.TheNingMaster.com said:

Put a uniquely named div on that one page (div id="UNIQUE") and then change the

div.xg_widget_page

to

div#UNIQUE

in the code I gave and it should work. Anyone reading this post MUST be aware that it may be a breach of the Ning TOS to remove the right column especially if you have a free Network. Use this at YOUR OWN RISK!