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!

  • 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

Rob Neufeld replied to Rob Neufeld's discussion In business for a decade, still down after 7 weeks
"Kyryl, if you stepped in and saved me, thanks very much!  Thanks for your help, too, Kos.  The insi…"
1 hour ago
Christopher M Florentino replied to Klaus's discussion Scroll to the top
"Hey George. Thanks again for creating such a wonderful 'Scroll  Up & Down' also adding a speedy add…"
10 hours ago
Anna Ning Support replied to mark gardner's discussion My network is in maintenance? Message error
"Mark, it takes some time for the request to be proceeded. We appreciate your patience in this matte…"
11 hours ago
George H. Compton IV replied to Klaus's discussion Scroll to the top
"You're welcome. :-)I'll send you a message probably tomorrow.I've added another button for a faster…"
22 hours ago
Kos replied to ⚡JFarrow⌁'s discussion 110+ Useful Ning Tips and Tricks for 2.0 and 3.0
"Just amazing.  What more can be said.  Thank you!"
23 hours ago
Kos replied to ⚡JFarrow⌁'s discussion You May Not Know This About Facebook
"How awesome is this.  Thank you JF!!!!"
23 hours ago
Kos replied to Rob Neufeld's discussion In business for a decade, still down after 7 weeks
"Rob Whew!  I'm soooo glad for you!  Thank you Kyryk for coming to the rescue.  It's tough running w…"
yesterday
Christopher M Florentino replied to Klaus's discussion Scroll to the top
"Hey George. Your Code Worked Like A Champ! I am very fortunate to have found you. I would like to o…"
yesterday
Rob Neufeld replied to Rob Neufeld's discussion In business for a decade, still down after 7 weeks
"Yes, I discovered, after checking every day, that my network went up Dec. 2. That's great news!  Af…"
yesterday
George H. Compton IV replied to Klaus's discussion Scroll to the top
":-) Okay Christopher here's your up and down scroll controls. See image below :-)
Ning 3.0 the code…"
yesterday
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion You May Not Know This About Facebook
"great... glad you found it useful.."
yesterday
Brian Antezana replied to ⚡JFarrow⌁'s discussion You May Not Know This About Facebook
"Great tip!"
yesterday
George H. Compton IV replied to Klaus's discussion Scroll to the top
"You're welcome Christopher and Kos. :-)Christopher I'll see what I can do about the scroll down but…"
yesterday
J.Ayvar replied to J.Ayvar's discussion Our Ning Account has been hacked.
"Thank You! It does a matter the time It will take. We want to thanks that at least Ning Support rep…"
yesterday
Christopher M Florentino replied to Klaus's discussion Scroll to the top
"Awesome. It worked. You guys (girls) are good. I really appreciate your efforts and also making it…"
Tuesday
Kos replied to Klaus's discussion Scroll to the top
"Sorry I can't help you further.  I'm a novice myself.  Good luck"
Tuesday
Kos replied to Klaus's discussion Scroll to the top
"Where it says 'right: 75px;' just change that to
left: 50px;"
Tuesday
Christopher M Florentino replied to Klaus's discussion Scroll to the top
"How can I change my Scroll Down to the LEFT SIDE? I am rather slow at this so please bare with me.…"
Tuesday
Kos replied to Klaus's discussion Scroll to the top
"Beautiful.  I moved mine from 'right' to the 'left'.  Works beautifully.  Thank you for jumping in…"
Tuesday
Christopher M Florentino replied to Klaus's discussion Scroll to the top
"Hey George, Scroll Up Button Guy here. If I am pushing my luck, please let me know. Would you happe…"
Tuesday
More…