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

Ron replied to Jan Homan's discussion How to create a video as a header?
"ok sorry, I thought you know how to enclose a script already. Anyway, try this again with the attac…"
28 minutes ago
Jan Homan replied to Jan Homan's discussion How to create a video as a header?
"Heey Ron,
I think the code is working, but the video is above the page and above the so called: <di…"
39 minutes ago
Ron replied to Jan Homan's discussion How to create a video as a header?
"Hi Jan,
Ok looks good. Try the javascript code link below and add it to your custom code. Assuming…"
59 minutes ago
Jan Homan replied to Jan Homan's discussion How to create a video as a header?
"Hello Ron,
I streched the canvas as well the full width background of the header.
Here is the link…"
2 hours ago
Ron replied to Mandy's discussion Add Text Box- Photo Upload Page
"This could be an alternative John, if you won't fully utilize the tag content. I think this is wort…"
7 hours ago
Ron replied to Ron's discussion Ning Apps: Photo Tagging Feature (WIP)
"Hi Luke, I will be posting the details here and on the feedback page within a couple of days.
Thank…"
9 hours ago
Arturo Padrón left a comment for Sonia
"Hola, amor mio, te extraño "
9 hours ago
Ron replied to Jan Homan's discussion How to create a video as a header?
"Hey Jan,
Ok I see that. BTW, Is your site header already stretched out to accommodate your proposed…"
9 hours ago
Ron replied to Ron's discussion Free Emoji for Ning Apps Early Access Subscribers
"Yes Luke, I have updated the details above about usage and it is site wide :-)
It should be availab…"
10 hours ago
Ron replied to Mandy's discussion Add Text Box- Photo Upload Page
"Hey that's good to know and keep it up! :D Sure thing and have a great weekend as well. :-)"
10 hours ago
Ron replied to Ron's discussion Free Emoji for Ning Apps Early Access Subscribers
"You're welcome Mary Jane. Yes, it will be for both 2.0 and 3.0 :-)"
10 hours ago
John Bizley replied to John Bizley's discussion First Look Of My New Classifieds Page now open for viewing.
"Thanks Kos, I just added a text listing in the Vehicles & Parts section to show how those would loo…"
10 hours ago
John Bizley replied to Luke Jones's discussion Move the "about me" answer's to the side
"Hi Luke yes I think that could be done, I will have a play around with it and see what I can come u…"
11 hours ago
Kos replied to John Bizley's discussion First Look Of My New Classifieds Page now open for viewing.
"Extremely interesting.  Thank you for sharing John"
11 hours ago
steve replied to Mary Jane Peterson's discussion Need Some Ideas For New Site
"You need to give your site direction Mary.. what i would do if it was me is think about what you li…"
13 hours ago
John Bizley replied to Mandy's discussion Add Text Box- Photo Upload Page
"What about if you renamed the 'tags' box to products used or keep the tags but maybe add the words…"
23 hours ago
John Bizley replied to John Bizley's discussion Check out these 3 photo page layouts using my comments to the side and more entries at the same time
"Not sure which of these to go for as I like the first one and the full screen one, what do you guys…"
23 hours ago
John Bizley replied to ismail shah's discussion Removal of Large Spaces between Posts
"No worries, glad you got it figured out :-)"
yesterday
John Bizley replied to John Bizley's discussion Here are a couple of little text tips that you may find useful
"Thanks JF :-)"
yesterday
Mary Jane Peterson replied to Ron's discussion Free Emoji for Ning Apps Early Access Subscribers
"Hi Ron 
Thank you , will this also be on ning 2.0 as well ?"
yesterday
More…