BuddyPress member directory layout

[frankypiccolo]

Hello!

On the members directory page, I would like each members ‘box’ to have a fixed height. As of now the layout is tiled (4 members per row).

1. Is there a way to set a fixed height for each member?
2. Can you have 3 members/row instead of four?
3. Is it possible to have a simple list of the members instead?

It looks a bit off when it’s not aligned properly.

Happy new year!

Attachments:

You must be logged in to view attached files.

[Radu]

Hi,

1. add this css to wp-admin -> theme options -> quick css

COPY CODE

body.members li.kleo-masonry-item .member-inner-list {
    height: 155px !important;
}

For the rest of steps is not an easy to do this and it require some dedicated time of work and i suggest you to hire a developer.

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[frankypiccolo]

Thank you Radu. If someone has a really long username, it doesn’t fit in its box. I can’t figure out a way to fix this with css. Maybe it’s not possible?

Attachments:

You must be logged in to view attached files.

[Radu]

I need website URL

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[ClaudeG]

OK, it works for height. Can I fix width also? Unless it is fixed, it is to messy to be usable.
Thanks.

[Radu]

@GlaudeG

I need to see the page first

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[ClaudeG]

Thanks Radu!
I think I resolve my problem with those lines in css:

body.members li.kleo-masonry-item .member-inner-list {
max-width: 285px !important;
}
body.members li.kleo-masonry-item .member-inner-list {
min-width: 285px !important;
}

That’s the way I’ve found to get a fixed widht

My page: http://artistesetartisansdebeauce.qc.ca/membres/

[Radu]

Ok then
Yes, with those selectors you can do that.

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Author]

Posts