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

Strumelia replied to SweetPotato's discussion Ning 3.0 & 2.0 Update: Archiver & Migration
"Kos, I thought they moved Suzie back to her 2.0 again after she complained a lot about her 3.0...? …"
2 hours ago
Tahíta replied to Tahíta's discussion ¿Por qué no se migran yo todas las Ning 02 a 3? in Ning Networks en español
"Ya nadie nos contesta?????"
3 hours ago
Kos replied to SweetPotato's discussion Ning 3.0 & 2.0 Update: Archiver & Migration
"There's no going back once you're in 3.0.  They do not have anything built (nor will they) to allow…"
4 hours ago
mysticpagan replied to SweetPotato's discussion Ning 3.0 & 2.0 Update: Archiver & Migration
"I wonder if I could go back to Ning 2 then seeing as I only moved to Ning 3 as i thought it was ine…"
6 hours ago
John Bizley replied to John Bizley's discussion Stopping the activity feed posts getting squished in smaller views
"We can also do much the same thing with when adding latest, featured etc in the sidepanels for foru…"
6 hours ago
Luke Jones replied to John Bizley's discussion Stopping the activity feed posts getting squished in smaller views
"Awesome John :) "
7 hours ago
Zachary Moonshine replied to SweetPotato's discussion Ning 3.0 & 2.0 Update: Archiver & Migration
"the ability to archive my 3.0 site would definitely make my switch to jamroom more smooth as im sur…"
7 hours ago
Kos replied to John Bizley's discussion Stopping the activity feed posts getting squished in smaller views
"Nice work John"
9 hours ago
Fire-Tech replied to Elson Tan's discussion Code Editor for Custom Code
"+1. Good to see ya popping in Elson"
13 hours ago
Elson Tan replied to Elson Tan's discussion Code Editor for Custom Code
"hey guys, glad to see you too."
yesterday
Livita Jesus Silva left a comment for Livita Jesus Silva
"Thanks George
correto.
Very good
A good sunday
Livita"
yesterday
George H. Compton IV left a comment for Livita Jesus Silva
"Okay thanks for the link, this code will work :-)  see image below.
.subTab-item > a{   background:…"
yesterday
Jelena replied to Elson Tan's discussion Code Editor for Custom Code
"Glad to see you Elson and awesome Google chrome plugin. Thanks."
yesterday
Livita Jesus Silva left a comment for Livita Jesus Silva
"I'll tryThe good night
thanks"
yesterday
Livita Jesus Silva left a comment for Livita Jesus Silva
yesterday
Livita Jesus Silva left a comment for Livita Jesus Silva
yesterday
George H. Compton IV left a comment for Livita Jesus Silva
"Hello Livita :)  In the image it appears that it's the active tab that you want colored. This code…"
yesterday
Mary Jane Peterson replied to Mary Jane Peterson's discussion getting 500: Unexpected Error site down
"thank you"
yesterday
Livita Jesus Silva left a comment for George H. Compton IV
"Hello George, I need help.You know the code for imaging or color in the sub tabs?Looks like he is.…"
yesterday
Livita Jesus Silva left a comment for George H. Compton IV
".navbar {
background: #bd834d
url() top center repeat-x scroll !important;
border-top:3x groove #34…"
yesterday
More…