Css

@thepixelme does this also work on mobile?

@thepixelme, I think I have the code wrong, can you check it please. This is what i currently have in the entire file.

#buddypress span#bp-verified {
width: 20px;
height: 20px;
display: block;
position: absolute;
top: 53px;
left: 37px;
}

#buddypress .activity-list li.mini span#bp-verified {
width: 15px;
height: 15px;
top: 30px;
left: 40px;
}

#buddypress span#bp-verified img {
width: 20px;
box-shadow: none;
}

#item-header-content {
position: relative;
}

#buddypress span#bp-verified-header {
top: 0;
right: 0;
left: auto;
}

#buddypress div#item-header-cover-image h2 a, #buddypress div#item-header-cover-image h2 {
padding-right: 30px;
}

#buddypress span#bp-verified-header img {
width: 100%;
}

#buddypress span#bp-verified-header img {
box-shadow: none;
}

#buddypress div.activity-comments div.acomment-avatar span#bp-verified {
width: 15px;
height: 15px;
position: absolute;
display: block;
top: 26px;
left: 100px;
}

#buddypress div.activity-comments div.acomment-avatar span#bp-verified img {
width: 15px;
height: 15px;
}

#buddypress #bp-verified-text {
margin: 40px 0 0 0;
}

The results:

• screenshot 1 https://i.imgur.com/7g7AU0o.png
• screenshot 2 https://i.imgur.com/uubY099.png
• screenshot 3 https://i.imgur.com/TGGbaPu.png

The codes:

• Replace all the codes inside BuddyVerified with this: https://pastebin.com/6SnvReDr
• Add (not replace, add) these custom css styles to your custom CSS area: https://pastebin.com/fp3vipQB

I don’t use BuddyPress often so I don’t really know all the places that the verify badge pops up. So we probably would see some bugs here and there. However, this sets a starting point; you can fix the bugs as they come up.

@thepixelme thank you so much, it works perfecly. I need to ask you one more thing, how do I add a bit of spacing between the name and the badge.

h2.user-nicename span#bp-verified-header img {
    display: inline-block;
    margin-left: 10px;
}

Increase/decrease that margin-left number as needed.

great, thanks a lot.

@thepixelme Thank you for this! I did everything you said to do and for the most part it changed some things in a good way. Except,the badge is not next to the user name in the activity stream, instead it’s right in the middle of what says “update” and the time since it’s post date. Also, in the profile it is not next to the username, it’s bottom left of the profile picture. Can you please help me fix? https://imgur.com/3pwSuBE Also, I would like to have the icon in the activity stream just a tad bit smaller because it’s a tad to big. I would like to know is there a way that when someone hovers over the icon it will say, “Verified Account” and when someone presses/clicks it, it will take it to one of my web pages for what the icon means…?

Thank you!!!!

@thepixelme sorry to revisit an old topic but I have another problem, in the activity feed the badge appears below their name. I tried to deal with it but it is starting to bother me. Can u help me out?
https://connectioninterface.com/
Username: test
Password: test