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 Social Network to add comments!

Join Ning Creators Social 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.

    1064510309.jpeg

This reply was deleted.
 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

Ana Massien updated their profile photo
yesterday
Ana Massien updated their profile
yesterday
This Is bully replied to Anastasia_Ning_Support's discussion
Why should I migrate?
"32000 member You can asked for $1 in donation and keep it running."
Saturday
Fashion replied to Anastasia_Ning_Support's discussion
Why should I migrate?
"My site has a bit over 32,000 members. I don't want to close the site, but might have to if prices…"
Friday
Dax Carlisle and Julius Manninen joined Ning Creators Social Network
Friday
Scott Bishop posted a discussion
Does anyone know how to change the font for the navbar to a font that is not listed for Ning 2.0? I…
Friday
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
Ning3: How to Create a Combined Feed of All Forums Inside Groups
"212 views of this and no one can provide feedback?  Is this just way over everyone's head or is it…"
Wednesday
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 ;)
"Hi Kyryl, 
How would I be able to use this code to make the navigation be screen wide? I have this…"
Wednesday
⚡JFarrow⌁ replied to J.Ayvar's discussion
Any Code to make a footer Menu like creators Ning 3
"Here is whatI am using.... but i have a collection of footersyou might like to look through and for…"
Wednesday
Anastasia_Ning_Support replied to J.Ayvar's discussion
Any Code to make a footer Menu like creators Ning 3
"Hi there!
One of our representatives have sent you an email, please check it. 
Best regards,
The NI…"
Tuesday
J.Ayvar posted a discussion
Tuesday
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 ;)
"George, I messaged you through my site www.surfer-shot.com for help. I was able to fix most of it b…"
Tuesday
More…

Meanwhile, you can check our social media channels