How to limit row and columns on "members" page?

[Johnny]

Hi, the amount of members on default is showed on by 4×5, also 4 on a column and have five rows. How do I change this? for example, I want to show only 3 rows or 2 columns of members, on the “Members” page.

[Johnny]

For further clarity, I upload a picture

[Johnny]

Bump

[Alyssa]

Hi @johnnetr,

I hope you’re doing well. Firstly, I’d like to apologize for the delay in response. Thank you for your patience all this while.

You can manage the columns with CSS width. Currently width is 25% for 4 columns, you can use 50% for two columns.

Go to Dashboard -> BuddyBoss -> OneSocial Theme -> Custom Codes -> CSS and put following code.

body #buddypress .dir-list ul.item-list > li {
   width: 50%;
}

Hope this helps you.

Thanks

[Johnny]

Hi, I tried to put in height instead of width. Didn’t work. How can I reduce vertical column?

[Alyssa]

Hi @johnnetr,

To reduce vertical column, you will need to reduce number of members.

Copy file members-loop.php form OneSocial -> buddypress -> members theme and paste it in you child theme with same hierarchy.

Then search for:
<?php if ( bp_has_members( bp_ajax_querystring( 'members' ) ) ) : ?>

and replace it with following code. You can change per_page equals to any number as per you requirement.

<?php if ( bp_has_members( bp_ajax_querystring( 'members' ).'&per_page=4' ) ) : ?>

Hope this helps you.

Thanks