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

Email me when people reply –

Replies

      • would be great. I won't be sitting here waiting idly though. I'll try and give it a go myself. No idea about CSS but it's the least I can do.

        The only way to learn too. 

  • Can the same thing be made for the groups to show more or less to a page?

  • NC for Hire

    Wow... just look how active Creators used to be!

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

kostasgr replied to Bizz's discussion
Tip: Adding add content links to your activity feed
"Bizz !! .. some code for a larger group cover ???? "
4 hours ago
Jen updated their profile
yesterday
Jen replied to Ning Support's discussion
The Star Rating Feature Is out Now
"Great feature. Thanks Ning!"
yesterday
Marly replied to Le Lynn's discussion
Trouble Loading My Profile Page
"The pages are fixed, however, on this same site we are now having the same issues but with Inbox."
yesterday
⚡JFarrow⌁ replied to Bizz's discussion
Tip: Adding add content links to your activity feed
"wow... that is looking very useful... ill try it out tonight!"
yesterday
Bizz posted a discussion
This tip will allow you to add some add content links below your status box on the activity feed to…
yesterday
Tony19 replied to Tony19's discussion
Add audio playlists
"Grazie Anastasia!"
yesterday
Anastasia_Ning_Support replied to Tony19's discussion
Add audio playlists
"Hello Tony!
We haven't planned to release such feature yet, but I agree it would be very convenient…"
yesterday
Anastasia_Ning_Support replied to Le Lynn's discussion
Trouble Loading My Profile Page
" Hi there!
Thank you for the alert!
Today our developers have fixed the issue that might be related…"
yesterday
Sean Fitzpatrick and Mark Hibbs joined Ning Creators Social Network
yesterday
Le Lynn posted a discussion
When clicking to go to my page or another persons' profile it will show this:
yesterday
Castleforte updated their profile
yesterday
More…

Meanwhile, you can check our social media channels