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

FORUM

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

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

Scott Bishop replied to Scott Bishop's discussion
How to Change the Navigation Font that is Not Listed
"Thanks Bizz, but it still didn't do anything. "
12 hours ago
Bizz replied to Scott Bishop's discussion
How to Change the Navigation Font that is Not Listed
"It looks like you have a semi colun before the important which may stop it working, here in bold
na…"
14 hours ago
Scott Bishop replied to Scott Bishop's discussion
How to Change the Navigation Font that is Not Listed
"Thanks! ...but it's not working. 
Perhaps I'm putting your Design Studio code in the wrong spot. I…"
15 hours ago
⚡JFarrow⌁ replied to Scott Bishop's discussion
How to Change the Navigation Font that is Not Listed
"Yes.. go to the page for the font
choose your font weights
add this to the top of Custom Code
<link…"
16 hours ago
Somos Más, CAROL FOSTER, Hyacinthe Romain and 1 more joined Ning Creators Social Network
20 hours ago
Luca Boscardelli, James Pearson, Allen Williams and 2 more joined Ning Creators Social Network
yesterday
Ana Massien updated their profile photo
Saturday
Ana Massien updated their profile
Saturday
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
More…

Meanwhile, you can check our social media channels