Member Page

This topic has 18 replies, 3 voices, and was last updated 7 years by Radu.

Author
October 22, 2017 at 05:33 #177318

rlarson87
Participant

Hi, I have a few items that need changed on the members page. Can you please help?

1. Advanced search drop down is not displaying properly. Right now it the advanced search label is displaying as an “i”.

2. I have created two other member fields for Company and Title. I would like to display those fields with the name on the member bubble.

3. Is it possible to display the members as a list rather than bubbles?

October 22, 2017 at 16:53 #177381

Kieran_SQ
Moderator

Hi,

Thanks for reaching out about issues you’re having, I will respond in the same format as above for ease.

1. The for shows ‘i’ because the is what you have set via WP Admin > Users > Profile Search > Edit Form > Right side panel: ‘Add to directory’. Update the fields for ‘Form Header’ and ‘Toggle Form Button’ then save to see changes.

2. Please follow this tutorial if you would like to add profile fields to the members directory https://archived.seventhqueen.com/kleo/article/add-extra-profile-fields-show-certain-profile-fields-member-directory

3. It is possible but the structure is not in place withing the BuddyPress members directory to do this so you would need edit the template page heavily to achieve this.

Thanks,

Kieran.

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

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

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

October 23, 2017 at 00:21 #177425

rlarson87
Participant

Thanks. For #2 above, I added the custom code from the video, but the avatars are not appearing correctly. See screenshot. Please advise.

Attachments:
You must be logged in to view attached files.

October 23, 2017 at 17:54 #177536

Kieran_SQ
Moderator

That’s strange behavior indeed, when you make a backup of the code you used and remove it from functions.php does the error stop happening?

Kieran.

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

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

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

October 23, 2017 at 20:11 #177556

rlarson87
Participant

If I adjust the pixels from 100 to 50 in the code below that you gave me, then the avatars fit in the grey circle (see screenshot). But I want the avatar and grey circle to be bigger because it is hard to see when so small.

div.mdetcenter {text-align:center;}
#buddypress #members-list li div.item-avatar {
width: 50px;
display: block;
height: 50px;
text-align: center !important;
margin: 0 auto !important;
float: none;
}

Attachments:
You must be logged in to view attached files.

October 23, 2017 at 20:17 #177561

Kieran_SQ
Moderator

Hi,

I am going to ask one of our developers to look into this for, they’ll be in touch as soon as they can (Mon-Fri East Europe Time).

Thank you for your patience,

Kieran.

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

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

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
October 24, 2017 at 16:33 #177673

Radu
Moderator
Hi,

Use his css
COPY CODE
```
div.mdetcenter {text-align:center;}
#buddypress #members-list li div.item-avatar{
width: 100px;
display: block;
height: 100px;
text-align: center !important;
margin: 0 auto !important;
float: none;
}

#buddypress #members-list li div.item-avatar img  {width:100px;}
```
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 ?
October 28, 2017 at 21:23 #178237

rlarson87
Participant

Hi, thanks for this code. The only issue now is that the avatar pictures on the Members page are blurry (screenshot 1). They should be clear like on the Profile page (screenshot 2).

Attachments:
You must be logged in to view attached files.
October 31, 2017 at 18:00 #178524

Radu
Moderator
Hi,

Follow this : https://codex.buddypress.org/themes/guides/customizing-buddypress-avatars/

Just add the next in child theme functions or in bp-custom.php
COPY CODE
```
define ( 'BP_AVATAR_THUMB_WIDTH', 250 );
define ( 'BP_AVATAR_THUMB_HEIGHT', 250 );
```
And replace 250 with your desired value

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 ?
October 31, 2017 at 18:52 #178534

rlarson87
Participant

You did not interpret the issue correctly. The issue is not the size of the avatar. The issue is that the avatar picture on the Members page is blurry. How do I correct the blurriness?

See the screenshot.

Attachments:
You must be logged in to view attached files.

November 1, 2017 at 21:07 #178641

Radu
Moderator

The ‘blur’ effect it’s shown because the image has only 50px and when it’s stretch in a larger space than 50 will look distorted.

So give a try, anyway kleo donesn’t make the thumbnails blur.

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 ?

November 15, 2017 at 01:10 #179879

rlarson87
Participant

I added this code to child theme functions php. The avatar pics are still blurry. Can you please login and fix? Thanks

Attachments:
You must be logged in to view attached files.

November 17, 2017 at 16:17 #180131

Radu
Moderator

Please provide to me in a private reply working FTP credentials + wp admin and tell where you placed the code

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 ?

November 17, 2017 at 17:37 #180141

rlarson87
Participant

This reply has been set as private.

November 20, 2017 at 16:46 #180375

Radu
Moderator

Hi,

Cannot login but anyway is no longer need, just create a file named members-loop.php in child theme in this path wp-content/themes/kleo-child/buddypress/members/members-loop.php in that you will paste this content : https://pastebin.com/raw/3VMWhbfn

NOTE : Child theme needs to be installed and activated.

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 ?

December 2, 2017 at 10:11 #181710

rlarson87
Participant

Thanks! This worked for the members directory page. I noticed that the profile picture is slightly blurry on the profile page. Can you help me make the resolution better for the avatar pic on the profile page too? See screenshot.

Attachments:
You must be logged in to view attached files.

December 4, 2017 at 16:55 #181917

Radu
Moderator

Hi,

Go to wp-content/plugins/

Create a file named bp-custom.php

And paste this content in it : https://pastebin.com/raw/qHGmaieL

Let me know

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 ?

December 10, 2017 at 08:09 #182524

rlarson87
Participant

That didn’t fix the profile page avatar pic. It is still a little blurry. See attached.

Attachments:
You must be logged in to view attached files.

December 12, 2017 at 15:30 #182780

Radu
Moderator

Hi again,

Sincerly cannot see any blur in that photo…

The coded that i provided to you pulls the image larger than default with width and height from here : https://pastebin.com/raw/qHGmaieL

You can change those values to a larger ones.

Try to re-upload the image.

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