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.

Tags: alternative, design, forums, group.CSS, groups, layout, style, tip, trick

Views: 597

Reply to This

Replies to This Discussion

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.

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?

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!

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!

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.

which space do you mean?

Hi, I mean the space right in the blue text "How to remove this space?". You can check it live here. It's also available in groups of your site. Hope you can fix it. Thanks. 

RSS

What's Up With Ning 3.0?

Click here to share your thoughts on what features we should develop next! - Survey will close Friday, 4/25

Projects that the Ning 3.0 Team is currently working on: 

Articles - a new way of organizing longer content pieces. Released 4/16.

Activity Feed Updates - options for more content in the activity feed.

Forum Notifications - ability for members to opt into receiving notifications of new discussions in forums. Released 4/9. 

APIs - The ability to create new members and content programatically.

For more information on what's next, visit the Product Roadmap

Latest Activity

James Ru replied to Monica Diaz's discussion 'MIGRATING TO NING 3.0 STATUS [UPDATE #2]'
"an email, yet to be answered to king of ning ohnm@glam.com Apr 18 at 2:02 AM As a member of your…"
41 minutes ago
George H. Compton IV replied to Alexander's discussion 'Goodbye for now.'
"Sorry to see you go and I hope you come back Alexander. :) You have a good one."
2 hours ago
George H. Compton IV replied to George H. Compton IV's discussion '( tip N3 ) the importance of CSS @media Queries - And how to use them.'
"Hi Randy.. This will fix all those issues, and yes I used @media queries to solve the issues. lol…"
3 hours ago
John Bizley replied to John Bizley's discussion 'How To Add A Link In The Footer Back To The Creators Page Before The Ning Items'
"The first part goes into sites and pages > custom code > end of page code and the css part…"
3 hours ago

NC for Hire
A discussion started by Bernard Lama was featured

What are the web design trends for 2014?

HI all NCs,Definitely more responsive websites, which is great but I think responsive is certainly…See More
3 hours ago
Strumelia replied to John Bizley's discussion 'How To Add A Link In The Footer Back To The Creators Page Before The Ning Items'
"John, this is wonderful news.  I so much appreciate it.    :) I have never ever…"
4 hours ago
soaringeagle replied to Monica Diaz's discussion 'MIGRATING TO NING 3.0 STATUS [UPDATE #2]'
"why are u blocked from your own sites admin? you know you can always reach ning by phone thats the…"
4 hours ago
Evandro Dalben replied to Monica Diaz's discussion 'MIGRATING TO NING 3.0 STATUS [UPDATE #2]'
"We started a communication via website in tickets, all the messages from e-mails was blocked by…"
4 hours ago

© 2014   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service