Extra square next to 'add friend' button

This topic has 14 replies, 3 voices, and was last updated 9 years by Abracadabra.

Author
May 8, 2015 at 07:05 #57949

paolabueso
Participant

Hi,
I’m having a random square appearing next to the friend button and I would like to remove it. I’ve attached a screenshot to this message that show the square on the buddy press profile. I hope you can help me to figure this out. Thank you in advance.
Paola

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

May 8, 2015 at 07:09 #57951

paolabueso
Participant

This reply has been set as private.

May 8, 2015 at 07:26 #57954

paolabueso
Participant

Also, the avatars on my member’s masonry are looking really small and they don’t show the blue/grey button that let’s you know if a user is online or offline. I’ve attached an screenshot to this message. I hope you can help me fix this. Thank you in advance for your help!
Paola

May 8, 2015 at 07:27 #57955

paolabueso
Participant

Screenshot of Members Masonry Issue

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

May 8, 2015 at 16:12 #57992

sharmstr
Moderator

The avatars look fine to me in the members list.

The blank square is from the Extra_Fields_Members_Directory function you have in your functions.php file. Instead of using the bp_directory_members_item filter, try bp_member_header_actions or bp_profile_header_meta

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

May 8, 2015 at 17:03 #58004

paolabueso
Participant

Thank you for the response. What I would like to do is modify the size of the avatar on the members masonry, so that it is the size of the red circle in the image attached.

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

May 8, 2015 at 17:23 #58010

sharmstr
Moderator

Like I said, it looks fine to me. Maybe clear your browser cache.

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

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

May 8, 2015 at 17:30 #58014

paolabueso
Participant

I really appreciate you checking the site. The page you sent me a screenshot of is the members directory page, which does not use the members masonry element included with this theme. It uses the buddy press shortcode. You can see the issue with the members masonry element on this page: http://www.puertoricofashionindustry.com/masonry-element-demo/.

May 8, 2015 at 17:37 #58015

sharmstr
Moderator

Its the custom css you have in your child theme that’s causing it.

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

May 8, 2015 at 17:39 #58016

sharmstr
Moderator

Here’s a screen shot of css. Please keep track of the changes you make and disable them when you have issues.

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

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

May 8, 2015 at 17:47 #58021

paolabueso
Participant

Thank you for that. I am very new at all this. Is there a way that I can create the customization I want correctly? I would like to be able to keep the profile information below the avatar if possible.
May 8, 2015 at 18:08 #58023

sharmstr
Moderator
You can add
COPY CODE
```
#buddypress ul.item-list li img.avatar {
  width: 120px;
}
```
to make the avatar bigger, but the issue is that the shortcode pulls a 50px avatar so it will look pixelated.

If you just want to move the info below the avatar, remove this part of your custom css.
COPY CODE
```
#buddypress #members-list li div.item-avatar {
width: 120px;
height: 120px;
```
Also, the active bubble is not available in that shortcode.

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
May 13, 2015 at 04:11 #58562

Abracadabra
Participant

Hello, I came on this thread looking for some answers and wanted to ask something.
How can I get my members page to look like in post #58010 here?

Is that a Kleo shortcode that allows extra fields to be inputted or is it extra plug in? I also want to add location to those boxes.
Thanks

May 14, 2015 at 04:03 #58704

paolabueso
Participant

Hi Abracadabra,
I just saw your comment and I sure wish the functionality was included in shortcode form, that would be amazing! Anyway, while you wait for a response from the team, I recommend you take a look at this post https://archived.seventhqueen.com/forums/topic/member-customization, it might help out!
Paola

May 14, 2015 at 05:24 #58712

Abracadabra
Participant

great, thanks Paola!
Author

Posts