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

Forum

NC for Hire

Group layouts are just plain wacky.  The middle column has always looked out of place, leaving a TON of white space surrounding other modules.  If you are of a similar mindset, you may like to give your groups an entirely different layout.  Look at these two groups for example.

United States Land Surveyors Group

Surveying How-To Group

What I am about to show you will move the middle column over to the left side of the left side module and move the left module to the middle.

Add the following to your advanced section of your CSS inside the dashboard:

.xg_widget_groups_group_show .xg_3col, .xg_span-16 {width: 938px;}

.xg_widget_groups_group_show .xg_span-12 {width: 745px;float: right;}

.xg_widget_groups_group_show .xj_classic_sidebar {display: none;}

.xg_widget_groups_group_show .xg_span-8 {width: 555px;margin-top: 32px;}

If you are interested in discussing my other experiments with Groups or are in need of some help with your own network, connect with me from my profile on creators and don't be shy.

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

Join Ning Creators Network

Email me when people reply –

Replies

  • Awesome tip JFarrow and it's exactly what I want for my network however, it now looks like this http://www.usfra.org/groups. So, unfortunately I won't be able to use it. :(

    Uhm, sorry, I couldn't leave it for you to see because it changed the layout of my whole network. Sorry.

    • NC for Hire

      i still need to explore how this will effect different layouts, so thanks for replying to this.  Do you know which layout you use on your network FedMedic?  thanks for posting.

      • No problem J. glad to help. I'm using A3 layout. Oh, by the way, I would love to be your "network guinea pig". LOL!

  • Wonderful tip cant wait to try it, will it work on a two column Layout? Also how did you change the background of the groups?

    • NC for Hire

      here is a tutorial i made a year or two back on how to style group forums.  hope it helps!

      • Ok I saw the tip before, my groups had different background and headers before the change so I tried your tip and couldn't get it to work! Drove me crazy! lol

        will work on it again though! Thanks!

        • NC for Hire

          Quick tip.  i do this a little different now.  I host my css files using a public dropbox folder with two folders inside it for CSS and IMAGES..  i host the background images inside the IMAGES folder and the css files inside the CSS folder..  This way if you choose to change the background image you can simply replace it with a image with same file name and you effectively be able to change the background image without having to change the CSS file, in other words, the background will change without having to go back to the group and changing the HTML in the text box.... make sense?

          • wow makes sense but huh! lol Once I figure out how to use it then what you just said will hit me like a ton of bricks!

            • NC for Hire

              the tutorial for using Dropbox to host external files can be found here

  • Thank you for sharing, but can you tell me how to remove the space in the attachment photo? Thanks.

This reply was deleted.

Search the Creators Network

Latest Activity

George H. Compton IV replied to George H. Compton IV's discussion TIP Ning2 - Sub-tab down arrow for your navigation
"Thank you Dave, you're so very welcome. :-)"
34 minutes ago
dave replied to George H. Compton IV's discussion TIP Ning2 - Sub-tab down arrow for your navigation
"Thanks George for sharing this Tip, they work and look great :-) very nice piece of code :-) You've…"
12 hours ago
George H. Compton IV replied to George H. Compton IV's discussion TIP Ning2 - Sub-tab down arrow for your navigation
"Thank you for the compliment JFarrow. :)"
13 hours ago
JFarrow replied to George H. Compton IV's discussion TIP Ning2 - Sub-tab down arrow for your navigation
"sweet work and great idea George!"
14 hours ago
Luke Jones replied to George H. Compton IV's discussion TIP Ning2 - Sub-tab down arrow for your navigation
":) that's fair enough aha :)I'm going stick with testing it on scratchpad for now,until I have more…"
15 hours ago
George H. Compton IV replied to George H. Compton IV's discussion TIP Ning2 - Sub-tab down arrow for your navigation
"A lot of the codes I right are customizing Ning's pages and their HTML, I'm not going to copy their…"
16 hours ago
Luke Jones replied to George H. Compton IV's discussion TIP Ning2 - Sub-tab down arrow for your navigation
"Ah right :) Well I prefer to write the code on Scratchpad first, to make sure I've got it right, I…"
16 hours ago
George H. Compton IV replied to George H. Compton IV's discussion TIP Ning2 - Sub-tab down arrow for your navigation
"Thank you lorianne  :)"
16 hours ago
George H. Compton IV replied to George H. Compton IV's discussion TIP Ning2 - Sub-tab down arrow for your navigation
"Luke I prefer to write codes on the network it's intended for that way I won't have to readjust the…"
16 hours ago
lorianne replied to George H. Compton IV's discussion TIP Ning2 - Sub-tab down arrow for your navigation
"i agree George, it is pretty!"
17 hours ago
Luke Jones replied to George H. Compton IV's discussion TIP Ning2 - Sub-tab down arrow for your navigation
"Aha poop sorry George lol, :P Aha fair enough lol :P Ah right :) , and you George :) 
well I know y…"
17 hours ago
George H. Compton IV replied to George H. Compton IV's discussion TIP Ning2 - Sub-tab down arrow for your navigation
"Hi lorianne
I've also done it that way but with my code you can style it anyway you want with any i…"
17 hours ago
George H. Compton IV replied to George H. Compton IV's discussion TIP Ning2 - Sub-tab down arrow for your navigation
"Thank you Luke. But my name is George. :-) LOL I don't use a program I use my brain and a test netw…"
17 hours ago
lorianne replied to George H. Compton IV's discussion TIP Ning2 - Sub-tab down arrow for your navigation
"i did this on my page to indicate sub-tabs were present by placing this ▼ when i created &  named t…"
18 hours ago
Luke Jones replied to George H. Compton IV's discussion TIP Ning2 - Sub-tab down arrow for your navigation
"That's cool John :) You always do awesome updates :) you and John are the ones that we need to hire…"
18 hours ago
Philip Voice replied to Luke Jones's discussion I would recommend Comet chat to anyone :)
"I want it on the chatbar. I want the main room to pop up right next to the who's online box."
21 hours ago
Bertalan Ecaterina left a comment for Bertalan Ecaterina
"Segitséget kérem  kataning.ning.com   webhelyen  mp3   5 Mb alatt sem engedi betölteni az anyagot,…"
21 hours ago
Kos replied to Luke Jones's discussion I would recommend Comet chat to anyone :)
"I have tons of things on diff. websites where images are "linked" to pages or diff. things.  It sav…"
22 hours ago
Strumelia replied to Luke Jones's discussion I would recommend Comet chat to anyone :)
"Isn't the new update for Cometchat all about just that?- inserting CC onto its own page rather than…"
22 hours ago
Strumelia replied to Luke Jones's discussion I would recommend Comet chat to anyone :)
"Nope, there's a line of Ning creators ahead of me in queue, currently migrating to Jamroom...I have…"
22 hours ago
More…