Badges not in place

[Andrew]

Hey guys,

Your demo shows badges appearing under the points in user profiles however my profiles are display badges awkwardly down the right side of the header image. Any ideas how to change this?

Cheers,

Andrew

[Andrew]

Also, not related, but can you limit the number of badges displayed? I would prefer to display the 5 most recent badges and a link to a user’s achievements under a show more button.

[Anonymous]

Hey @anderew,
thanks for your input, it will be better to limit number for achievement should be displayed.
Regards
Varun Dubey

[Anonymous]

Hi @anderew, Please download and install Boss for Sensei from BuddyBoss My Account page

Boss for Sensei contain additional template files to decorate group, lesson and profile.

Regards

[Andrew]

Hey @vapvarun thanks for your reply. I installed the plugin you recommended but still same problem. Cache refreshed, loaded incognito, same problem.

Regarding # of badges, how can I set a limit?

Cheers,

Andrew

[Andrew]

Bump Bump 😉

[Anonymous]

Hi @anderew
Please PM the login details i will take a look
Regards
Varun Dubey

[Andrew]

Hey Varun,

Sent you a PM RE this.

Cheers,

Andrew

[Anonymous]

Hi @anderew
Please install the Sensei plugin first and BuddyPress for Sensei
Regards

[Anonymous]

@anderew
Following are part of plugins/boss-sensei/assets/css/sensei.min.css but it is not effective at present because you do not have sensei plugin active
I have added following to your custom css

.profile-achievements-listing li, .widget-achievements-listing li.has-thumb {
    display: inline-block;
    margin: 0 3px;
    vertical-align: middle;
    text-align: center;
}
.profile-achievements-listing li .badgeos-item-thumb {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}
.profile-achievements-listing li .widget-badgeos-item-title, .widget-achievements-listing li.has-thumb .widget-badgeos-item-title {
    position: absolute;
    bottom: -17px;
    right: 10px;
    text-align: right;
    color: rgba(255,255,255,.8);
    font-size: 16px;
    white-space: nowrap;
    opacity: 0;
}
.profile-achievements-listing {
    position: absolute;
    bottom: 41px;
    right: 60px;
}

Regards
Varun Dubey

[Andrew]

Gotcha! That’s perfect mate thanks for that!

Cheers,

Andrew

[Anonymous]

🙂 Glad i will close this topic