Current status of the Ning Platform is always available on the Ning Status Blog.

NC for Hire

There are several reasons for the want to customize the number of profiles which are displayed per page on the Members Page of your ning network.  For example, if you have only One column of members (image#3), visitors to your site who are interested in the other members who are present will have to turn several pages when sifting, thus increasing # of page views.  If you would rather have only Two columns of members (Image #2), you will accomplish the same thing but may only want Two instead of Three (Image #1) for aesthetic reasons.  I am going to show you how to control the number of members which show up per page on your ning network with one simple block of CSS, added to your Advanced section of the new design studio.

 

By default, you will see 3 columns of members on your members page of your network, like so:

 

Let's say you would only like 2 columns because you think the 3 columns look to cluttered, as I have on my network and as shown in this image below:

Here is the CSS code that you need to add:

 

.xg_widget_profiles_friend .member_item, .xg_widget_profiles_members .member_item {width:255px !important;float:left !important;margin-right: 1px !important;clear:none !important;}

 

 

OK....lets go for broke and imagine that you only want 1 column because you hope to maximize the number of page views in the member section, take a look:

Here is the CSS code that you need to add:

.xg_widget_profiles_friend .member_item, .xg_widget_profiles_members .member_item {width:355px !important;float:left !important;margin-right: 1px !important;clear:none !important;}

[Notice for the 1 column option, you need to only change the number in red from 255px to 355px.]  Personally, I think visitors will get tired of paginating with the one column, but there are reasons for doing it this way.

 

Enjoy!

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Votes: 0
Email me when people reply –

Replies

  • pretty neat! you always come up with good stuff jfarrow... do you know if it will work in the old design editor?
  • NC for Hire
    i am pretty certain that it will, as it was some of the code that I transferred over from my advanced section in the old editor..
    • cool, i may toss this in my network, thank you for sharing.....never can get too many page views, eh?
  • Hi,

    I tried your code and it does work, however it stills puts the same number members on a page so you don't have an increase in the # of pages, just longer pages. More scrolling; not any increase in page views. 21 members on one page with 3 columns and 21 members on a longer page with 2 columns. Didn't try the single column that would definitely end up with a lot of scrolling. You have to come with a way to limit the actual number of members on a page or restrict the height of your page. Good idea to increase number of member pages but this doesn't do it.

    James

  • NC for Hire
    @James Like I said....this is an experiment....it may not be for everyone, but someone might find use in it...i could probably figure out a way to restrict height of page with CSS too..i may try that out for the heck of it..
  • Nice but l would like more members to show up!
  • How come it displays the location? I can't see that in mine :/
  • Can this be applied to the member advanced search pages too?

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

Disha Rush updated their profile
Saturday
Marly posted a discussion
Is there anyway to make comments from one member's profile to another appear on the activity feed.…
Jul 11
Josef Essberger updated their profile photo
Jun 25
kostasgr liked Alex - Rosas † Negras's discussion I want to thank JOHN BIZLEY ( BIZZ) for his invaluable help, active icons on the Ning bar,CODES ADDED
Jun 13
Daniel J. Wilford updated their profile
Jun 12
Pam Givens posted a discussion
HiIs there a way to post photos that won't go onto my page.  We just had a great conference and all…
May 31
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
Styling Groups with New Design Studio with CSS and a Swift Hack
"nice assist
 "
May 19
⚡JFarrow⌁ replied to Alex - Rosas † Negras's discussion
I want to thank JOHN BIZLEY ( BIZZ) for his invaluable help, active icons on the Ning bar,CODES ADDED
"nice tip!"
May 16
Brandon Cameron updated their profile
May 11
John Hodge updated their profile
May 9
John Hodge updated their profile
May 2
Rhonda replied to ⚡JFarrow⌁'s discussion
Time Saver: Your RSS Feeds for Location Tags on Ning
"Hi JFarrow,
I was wondering if you had a code for birthdays. I accidentally deleted the code that I…"
Apr 30
More…

Meanwhile, you can check our social media channels