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

John Bizley replied to John Bizley's discussion Add Navigation To Photos So Only Need To Click Or Tap On Side Of Photo Instead Of Arrows
"I did mention in a previous post comment that I was going to post tips once or twice a week with a…"
20 minutes ago
George H. Compton IV replied to George H. Compton IV's discussion Ning coding and styling Tool "GeoPlugin" v2.00.003
"aww shucks!!! lol Thank you Garfield. :)  Goofy image below. lol
Yep this is me. lol"
6 hours ago
Kos replied to John Bizley's discussion All New Photos Page Viewer Layout Code
"Whew!  Thank goodness"
7 hours ago
JFarrow replied to John Bizley's discussion All New Photos Page Viewer Layout Code
"i tracked it down and indeed it was a chrome plugin.. thanks everyone"
8 hours ago
Antonio Ancelmo Matos Santos replied to Ning's discussion Introducing Activity Feed Improvements, Including Member Status Updates
"And who told you that I spoke to you? you are happy with the whole situation on Ning? good for you!…"
19 hours ago
Kos replied to John Bizley's discussion How To Add Some Design To Your: Pages Categories Nav, Groups Nav & Groups Pages Nav
"Sounds like a plan.  You know me.  I'll be lingering like an annoying cold.  LOL"
21 hours ago
Garfield Archivist replied to George H. Compton IV's discussion Ning coding and styling Tool "GeoPlugin" v2.00.003
"Awesome in every sense of the word."
yesterday
George H. Compton IV replied to George H. Compton IV's discussion Ning coding and styling Tool "GeoPlugin" v2.00.003
"Update 8/30/15, now you can also easily add HTML to the head or the body of your network.. TJ thank…"
yesterday
John Bizley replied to John Bizley's discussion How To Add Some Design To Your: Pages Categories Nav, Groups Nav & Groups Pages Nav
"Thanks Kos, will do but may hold off a little posting onto creators and just add them to my site as…"
yesterday
Kos replied to John Bizley's discussion All New Photos Page Viewer Layout Code
"Yes, much more clear"
yesterday
Kos replied to John Bizley's discussion How To Add Some Design To Your: Pages Categories Nav, Groups Nav & Groups Pages Nav
"Keep 'em coming John.  We appreciate it!"
yesterday
John Bizley replied to John Bizley's discussion How To Add A Little Separation In Activity Feed When Someone Comments On A Post
"Hi Anam, yes it's an all new site and profile for me here on creators. Joining will be available ve…"
yesterday
Anam replied to John Bizley's discussion How To Add A Little Separation In Activity Feed When Someone Comments On A Post
"Is this a different site to one I joined a while back where you posted tips? I checked out your new…"
yesterday
John Bizley replied to John Bizley's discussion All New Photos Page Viewer Layout Code
"Just made that change, I did split it up in two parts but this should help with any confusion now :…"
Saturday
Kos replied to John Bizley's discussion All New Photos Page Viewer Layout Code
"At least I'm not the only one that got that wrong.  You may want to BOLD OUT and underline that are…"
Saturday
John Bizley replied to John Bizley's discussion How To Add A Little Separation In Activity Feed When Someone Comments On A Post
"Thanks for your kind words Anastasia, there are many others on here who provide excellent tips also…"
Saturday
John Bizley replied to John Bizley's discussion All New Photos Page Viewer Layout Code
"Thanks Garfield :-)"
Saturday
John Bizley replied to John Bizley's discussion All New Photos Page Viewer Layout Code
"Thanks Anastasia
That might be because you may have added the first part of code to your css and no…"
Saturday
Anastasia Grey replied to John Bizley's discussion All New Photos Page Viewer Layout Code
"Thanks John! That's Amazing for my Proyect. Just i wonder why i can't see " Feature Botton" Close…"
Saturday
Anastasia Grey replied to John Bizley's discussion How To Add A Little Separation In Activity Feed When Someone Comments On A Post
"Wow John! that's Great!  we finally have the best tips for ning 3 thanks to You!"
Saturday
More…