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

JFarrow replied to Strumelia's discussion Screenshots comparing my OLD and my NEW Network
"impressive work Strumella"
3 hours ago
Scott Bishop replied to Anas Ghanim's discussion Need A Mobile App For My Network
"I don't understand why anyone would ever want an app when you can have a responsive website. 
No on…"
5 hours ago
Scott Bishop replied to George H. Compton IV's discussion (TIP) Ning 2.0 responsive fullwidth network at any screen resolution. :O Cellphones to TV's ;)
"Worked like magic! "
5 hours ago
George H. Compton IV replied to George H. Compton IV's discussion (TIP) Ning 2.0 responsive fullwidth network at any screen resolution. :O Cellphones to TV's ;)
"Scott, to remove Nings mobile app go to your dashboard and under settings go to the mobile tab then…"
6 hours ago
George H. Compton IV replied to George H. Compton IV's discussion (TIP) Ning 2.0 responsive fullwidth network at any screen resolution. :O Cellphones to TV's ;)
"Hello Scott. :-) I've added a code to the stylesheet in this discussion to fix that issue.  Replace…"
6 hours ago
Scott Bishop replied to George H. Compton IV's discussion (TIP) Ning 2.0 responsive fullwidth network at any screen resolution. :O Cellphones to TV's ;)
"After cache & cookies are cleared my mobile browser wants to open the Ning mobile version "surfer-s…"
7 hours ago
Scott Bishop replied to George H. Compton IV's discussion (TIP) Ning 2.0 responsive fullwidth network at any screen resolution. :O Cellphones to TV's ;)
"Hey George, Everything seems to be working great with this. I have one small issue going on with th…"
7 hours ago
George H. Compton IV replied to George H. Compton IV's discussion (tip for 3.0) floating navigation menu & ningbar -- two code formats to choose from HTML or CSS
"Alessandro I really like what you did with your navigation.   "Image tabs" sweet!!!You're welcome I…"
8 hours ago
Dreaming Minds replied to Dreaming Minds's discussion Need tips on selling our Ning network
"Thanks for replying, Kos.
We need admin(s)/moderator(s) who can actively moderate, maintain the mem…"
9 hours ago
Alessandro replied to George H. Compton IV's discussion (tip for 3.0) floating navigation menu & ningbar -- two code formats to choose from HTML or CSS
"Many thanks George! It worked perfectly!
Here's the preview in my network, I'll adjust some positio…"
10 hours ago
George H. Compton IV replied to Strumelia's discussion Screenshots comparing my OLD and my NEW Network
"Blessings to you as well Strumelia..
 Love the video you two sound great playing together. :-)"
11 hours ago
George H. Compton IV replied to George H. Compton IV's discussion (tip for 3.0) floating navigation menu & ningbar -- two code formats to choose from HTML or CSS
"Alessandro, I did write two versions of this for ning 2.0.  This version goes in your design studio…"
12 hours ago
Luke Jones replied to Joe's discussion What Happened to NING?
"Someone needs to buy ning like ASAP!!"
15 hours ago
Joe replied to Joe's discussion What Happened to NING?
"i sent a ticket some weeks ago about my concerns and I remained with no reply
it is not nice that w…"
yesterday
Strumelia replied to Strumelia's discussion Screenshots comparing my OLD and my NEW Network
"Thanks... and throwing some sunshine at some of the folks here who have been kind and supportive to…"
yesterday
Alessandro replied to George H. Compton IV's discussion (tip for 3.0) floating navigation menu & ningbar -- two code formats to choose from HTML or CSS
"Thanks George, but you don't need to take your time on writing a new code for me. I asked just in c…"
yesterday
Strumelia replied to PeruCool's discussion Alternatives to Ning social network
"Some screenshots of my old and new sites, of interest to those in this thread:
http://creators.ning…"
yesterday
Strumelia replied to FedMedic's discussion Jamroom Question
"Some screenshots of my old and new sites, of interest to those in this thread:
http://creators.ning…"
yesterday
Strumelia replied to soaringeagle's discussion ning vs jamroom
"Some screenshots of my old and new sites, of interest to those in this thread:
http://creators.ning…"
yesterday
Strumelia replied to Paul Asher's discussion Ning3 Member CSV File
"Some screenshots of my old and new sites, of interest to those in this thread:
http://creators.ning…"
yesterday
More…