By default, the card view will display in the members' directory by 3 if it has a widget: https://prnt.sc/U64uBMCgYNl2

And by 4 if no widget and filter results: https://prnt.sc/7bse2JS1eZYw


But the customer has a widget and profile search added in the members' directory.

Do we have a way to make the card row display by 4? He wants it to be 4 per row with a smaller size.


By default, the platform does not have this option. You can use the following 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

https://prnt.sc/izWRhO1BP7vS


With code

https://prnt.sc/gnqnDQ1-xaTD