BuddyDev

Search

[Resolved] “BuddyPress User Badges” Update for BuddyBoss 2

  • Participant
    Level: Initiated
    Posts: 15
    hussein rezaei on May 12, 2022 at 3:57 am #44923

    Hi

    I hope you are great.

    Could you please release an update for BuddyBoss 2 ?

    They have changed many CSS codes and the plugin does not work well anymore.

    Thanks a lot!

  • Participant
    Level: Initiated
    Posts: 15
    hussein rezaei on May 12, 2022 at 4:59 am #44924

    The main problem is about members directory and groups directory where my badges overlaps with the bottom borders.

  • Keymaster
    (BuddyDev Team)
    Posts: 24623
    Brajesh Singh on May 12, 2022 at 6:45 am #44926

    Hi Hussein,
    Welcome to BuddyDev support forums.

    Thank you for reporting the issues. We are in the process of testing all our BuddyBoss compatible plugins with BuddyBoss 2.0.

    We will update badges with a solution within 24-48 hours.

    Regards
    Brajesh

  • Keymaster
    (BuddyDev Team)
    Posts: 24623
    Brajesh Singh on May 14, 2022 at 7:07 pm #44958

    Hi Hussein,
    Hope you are doing well.

    We tested the the badges plugin on BuddyBoss platform and theme’s 2.0 and we did not notice any issue.

    Can you please link me to a screenshot showing the issue.

    Thank you
    Brajesh

  • Participant
    Level: Initiated
    Posts: 15
    hussein rezaei on May 15, 2022 at 5:49 am #44966

    Hi

    Thank you. Sure!

    https://ibb.co/bgjBY70
    https://ibb.co/SfZF5yz

    Also I use this CSS:

    .bp-user-badges-badge-list img {
    min-width: 150px !important;
    min-height: 75px !important;
    }

    Thanks a lot 🙂

  • Keymaster
    (BuddyDev Team)
    Posts: 24623
    Brajesh Singh on May 16, 2022 at 3:40 am #44971

    Hi Hussein,
    Thank you.
    I see the issue is caused by the size. I will share some css later today after testing locally.

    Regards
    Brajesh

  • Participant
    Level: Initiated
    Posts: 15
    hussein rezaei on May 18, 2022 at 6:39 am #44997

    Hi Brajesh

    I have just purchased Buddydev Circles. I have the same problem. “circle 1” button hide itself behind “message” icon

    https://ibb.co/f1M57kY

    There is one thing more, my badges are not aligned to the center in mobile version:
    https://ibb.co/qs8kHGb

    is there any css code to overwrite it?

    Thanks

  • Keymaster
    (BuddyDev Team)
    Posts: 24623
    Brajesh Singh on May 18, 2022 at 5:35 pm #45002

    Hi Hussein,
    Thank you for purchasing circles.

    1. The issue with badge is you are using a huge min size(150px for image). There are 2 possible ways.
    a. Don’t set min width to a large number.
    b. or You can use flex-flow:row wrap; to make sure the badge goes to next line if they don’t fit. The second option will work but does not look good. I will suggest limiting the min size on directory and I can provide the code for justifying the images to center. Please let me know if it works for you.

    2. For the circle button, we can not add the button to the bottom meta. BuddyBoss plugin has the bottom meta part hardcoded with 2 of their actions and they do not provide any hook to add new.

    instead, Please add the following css to make the button a bit better(justifies center and limits the size)

    
#members-list.item-list li .bp-members-list-hook .circle-button {
	
	text-align:center;
}
#members-list.item-list li .bp-members-list-hook .circle-button a {
	
	display:inline-block !important;
	
}

    Regards
    Brajesh

  • Participant
    Level: Initiated
    Posts: 15
    hussein rezaei on May 18, 2022 at 11:09 pm #45008

    Thank you for clarification.

    Two questions:

    1- Did you get the same problem on your own system? I mean were you able to replicate the issue? Just want to make sure the problem is not related to my Buyyboss theme.

    2- Please provide me the css for justifying to the center (user badge on mobile screen)

    Regards

  • Participant
    Level: Initiated
    Posts: 15
    hussein rezaei on May 18, 2022 at 11:51 pm #45009

    Also I removed the css :

    .bp-user-badges-badge-list img {
    min-width: 150px !important;
    min-height: 75px !important;
    }

    Still I get this:

    https://ibb.co/GH9YQMG

    Thanks

The topic ‘ [Resolved] “BuddyPress User Badges” Update for BuddyBoss 2’ is closed to new replies.

This topic is: resolved