Duplicate Demo Member Profile

[Aurora]

Hi again!

I apologize in advance if this is not a support question however your suggestions and help have been invaluable.

On your demo page http://seventhqueen.com/themes/kleo/members/demo/profile/

I love the way the sections are broken up.  About Me is separated from Biography etc.

I am looking do the exact same thing for my profile pages (including change name from Base to whatever I want).  I have dug around but seem to not betargetting the search properly to get information or cannot find anything relevant (not to mention it is all 4+ years old)

To give you the logic, I am going to break it up into 3 sections.

General Information / Videos / Experience

In General Information I am going to have a bunch of sections so is there a way to break it up into TWO columns?

Experience can remain the same along with video.

From there I am going to alter the CSS of everything to look nicer but I can do this.

 

As before any solutions, suggestions or thoughts would be extremely appreciated!!  Thank you in advance your support has been TREMENDOUS!

 

Regards,

Aurora

 

[sharmstr]

The sections are defined by the profile groups you create in Users > Profile Fields. https://codex.buddypress.org/administrator-guide/extended-profiles/

There might be a way to do multiple columns via css. You’d have to look into that. But you can edit the template file which is /kleo/buddypress/members/single/profile/profile-loop.php.

There’s also a plugin that breaks the sections into tabs. Cant remember the name right now, but other users have used it with Kleo.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Aurora]

Thank you for that!

On Mobile devices I am having a problem with the Name field in conjunction with the picture when you pull up the Members page. If the name is short whether first or last name it will not drop down BELOW the picture and centered. The first name is on the same “line” as the picture and then the last name will drop below the picture. How would I go about using something like <br style=”clear: both;” /> to automatically drop the Name below the picture. This is only on mobile.

I have attached a picture of what I mean.

Once again I can’t thank you enough for the help.

Attachments:

You must be logged in to view attached files.

[sharmstr]

COPY CODE

@media (max-width: 768px) {

#buddypress #members-list .item-title {
padding-top: 10px;
clear: both;
}

}

Play with the padding top and max-width numbers

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Author]

Posts