Members Page – more members in each row

[mcperly]

When I go to a full page I can get 4 members across. I would like to fit 5 across if possible. I notice the CSS for each profile is:

.template-page.col-sm-12 .kleo-isotope > .kleo-masonry-item, .template-page.col-sm-12 .kleo-isotope > li {
width: 24.9%;
}

If I change this to around 18% or so there appears to be enough space to fit a fifth profile in a row. However, I have not found a way to delete the spacing uniformly between each profile. I can do it in firebug for testing etc and change each element.

element.style {
left: 933px; (<- Then lower this number for each to fit nicely)
position: absolute;
top: 20px;
}

But then after doing this I can get the four profiles to fit nicely and still have room for a 5th profile in each row. But the first element on the row below does not automatically move up to the row above it. Is there a way to do what I want to accomplish with CSS and/or changing one of the files or something?

Thank you.

[Laura]

Hello, you should copy and edit the members-loop inside of members folder in kleo theme, copy to child members > members-loop.php and edit col 12 to any other number, it should work.
Do not edit the css for col 12 because its used in other stuff

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[mcperly]

I see nothing in the members-loop.php file for col 12. See attached screen shot. This is the only number I have found in the entire file. – And this didn’t do it when I tried changing it to see if this was it somehow – even though it’s not the number 12. The number is highlighted. It’s all I see.

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, yes sorry my wrong, can you share ftp details so i can cehck it out?

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[mcperly]

This reply has been set as private.

[Laura]

Hello, sorry for the late reply, do you want to have 5 members in a row right?
Will you only have 5 members or will be more? thanks for your patience 🙂

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[mcperly]

I suppose that depends. I think I could get 5 across if I remove some padding/spacing etc and you are able get the percentages right to get 5 across. Tried looking at the file a bit and didn’t do enough research when I noticed all the percentages compared to widths etc to understand it myself.

Or something else I didn’t look into quite yet is simply having the members and maybe even groups pull up in full width screen like the pinterest style blog you have set up. Perhaps that’s a more intriguing solution now that I think about it. Perhaps that’s possible? Maybe it already is and I haven’t noticed how to do that setting.

Thanks

[mcperly]

Also – if the full width version may be possible – would be great to just add that to groups also. This site for for a very very large industry and I’m just trying to find out if there are various ways to get more profiles or groups in the loop to view with the anticipation of having a very large amount of members. And there are various ways of displaying more potentially.

Thanks

[Laura]

Hello, i will try to create a css for this, please give me some time so we can make this work for you 🙂

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[mcperly]

Ok – but I wouldn’t think it should take too much. I haven’t looked into this in great detail yet but it would be nice if it were possible to just have the option to make the members directory page work like the Kleo Members Masonry in the VC. That can go full width and is very responsive and everything and is already done. The only problem is that it the member masonry does not have any search capability with it like the members directory and some of those similar dropdown features. The members masonry looks great but is limited in its ability. I set members directory to full width but its only full width within the container…as you know of course.

Thanks

[Laura]

Hello, try the following css

COPY CODE

#buddypress #admins-list li, #buddypress #mods-list li, #buddypress #members-list li, #buddypress #member-list li {
display: block;
padding: 10px;
width: 20%;
position: initial;
}
#main-container>.row {
overflow: hidden;
width: 120%;
margin-left: -11%;
}

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts