Making Card rows increased from 3 to 4 in Members’ directory

In the members’ directory, the card view layout is determined by specific conditions. By default, the cards are displayed in rows of 3 when a widget is present, as shown in this example:

However, if no widget is present and no “member search” are applied, the cards will appear in rows of 4, as demonstrated here:

A common scenario occurs when both a widget and a profile search feature are enabled in the members’ directory. In such cases, you may want to adjust the card layout to display 4 cards per row with a smaller size. While this configuration is not available by default, you can achieve it by applying the following custom CSS code:

Please follow the steps below:

1. Go to BuddyBoss > Theme Options

2. Under Custom Codes, enable CSS

3. Append the following:

@media screen and (min-width: 75em) {
    .buddypress-wrap .grid.bp-list > li {
        flex: 0 0 25%;
    }
}

#buddypress .members-list > li {
    min-width: 25%;
}

4. Save changes.

Note: Any modifications are considered as custom work already. Know more about our Support policy here: https://www.buddyboss.com/support-policy/

Screenshots

Without code

With code