Title: Css Last modified: August 31, 2016 --- # Css * Resolved [sumierm](https://wordpress.org/support/users/sumierm/) * (@sumierm) * [10 years, 3 months ago](https://wordpress.org/support/topic/css-124/) * I am using buddyverified on my site. The problem is that the position of the badge appears in different places depending on whether you are using a desktop or mobile. It also changes when you turn your mobile device to landscape format. The badge also does not adjust to the length of user’s usernames. Does anyone no a way to solve these problems. I tried the buddyverified forum but i got no reply, thanks. Viewing 15 replies - 1 through 15 (of 23 total) 1 [2](https://wordpress.org/support/topic/css-124/page/2/?output_format=md) [→](https://wordpress.org/support/topic/css-124/page/2/?output_format=md) * [ThePixelMe](https://wordpress.org/support/users/thepixelme/) * (@thepixelme) * [10 years, 3 months ago](https://wordpress.org/support/topic/css-124/#post-7122774) * Without a link to your current site, you most likely won’t receive any reply/ help here either. It’s hard (if possible at all) to solve an issue without actually seeing it. * Thread Starter [sumierm](https://wordpress.org/support/users/sumierm/) * (@sumierm) * [10 years, 3 months ago](https://wordpress.org/support/topic/css-124/#post-7122777) * This is the support account i would like all verified profiles to look like this. [http://connectioninterface.com/members-2/support/](http://connectioninterface.com/members-2/support/) * [ThePixelMe](https://wordpress.org/support/users/thepixelme/) * (@thepixelme) * [10 years, 3 months ago](https://wordpress.org/support/topic/css-124/#post-7122785) * > This is the support account i would like all verified profiles to look like > this. > [http://connectioninterface.com/members-2/support/](http://connectioninterface.com/members-2/support/) * So you want to fix the out-of-place blue V badge of the big profile photo that’s appearing out-of-place ([screenshot](http://i.imgur.com/uRp1z53.png))? It’s the only obviously wrong thing that I see on that link. * In that case, this will fix it: * ``` #buddypress #item-header-cover-image #item-header-avatar a { display: inline-block; position: relative; } #buddypress span#bp-verified-header { width: 35px; height: 35px; top: auto; right: 15px; bottom: 15px; left: auto; } #buddypress span#bp-verified-header img { width: 100%; } @media screen and (max-width: 782px) { #buddypress span#bp-verified-header { right: 0; bottom: 0; } } ``` * Screenshots of the blue V badge after applying those CSS: [mobile view](http://i.imgur.com/VNbOLRD.png), [desktop view](http://i.imgur.com/MUahCya.png). * Thread Starter [sumierm](https://wordpress.org/support/users/sumierm/) * (@sumierm) * [10 years, 3 months ago](https://wordpress.org/support/topic/css-124/#post-7122792) * I would like it to be placed next to the username like a verified account on twitter. Will this do that? * Thread Starter [sumierm](https://wordpress.org/support/users/sumierm/) * (@sumierm) * [10 years, 3 months ago](https://wordpress.org/support/topic/css-124/#post-7122801) * The “@” name. * Thread Starter [sumierm](https://wordpress.org/support/users/sumierm/) * (@sumierm) * [10 years, 3 months ago](https://wordpress.org/support/topic/css-124/#post-7122818) * How do i get the badge to display next to the “@” username across all platforms no matter the length of the name? * [gabrieldilaurentis](https://wordpress.org/support/users/gabrieldilaurentis/) * (@gabrieldilaurentis) * [10 years, 3 months ago](https://wordpress.org/support/topic/css-124/#post-7122869) * at least is there manual integration? i guess it needs manual integration since everybody uses different themes and it messes up things, not the plugin creator fault but still * doubt it i will use it though * Thread Starter [sumierm](https://wordpress.org/support/users/sumierm/) * (@sumierm) * [10 years, 3 months ago](https://wordpress.org/support/topic/css-124/#post-7122894) * The code provided above works just as i want it to, its just in the wrong spot. I would like it next to the username and should adjust to the length of each user’s username. * [faithfullypoetic](https://wordpress.org/support/users/faithfullypoetic/) * (@faithfullypoetic) * [10 years, 3 months ago](https://wordpress.org/support/topic/css-124/#post-7122902) * Hi, I have managed to change majority of the blue colour on the Enigma theme, but the pop up boxes in all the pages are still blue. * How do i change it to the colour #DEB887 * The website is _[Link redacted]_ * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [10 years, 3 months ago](https://wordpress.org/support/topic/css-124/#post-7122903) * [@faithfullypoetic](https://wordpress.org/support/users/faithfullypoetic/), Please post your query on the Enigma support section: [https://wordpress.org/support/theme/enigma#postform](https://wordpress.org/support/theme/enigma#postform) * Thread Starter [sumierm](https://wordpress.org/support/users/sumierm/) * (@sumierm) * [10 years, 3 months ago](https://wordpress.org/support/topic/css-124/#post-7122905) * Does anyone have a fix for my problem? * Thread Starter [sumierm](https://wordpress.org/support/users/sumierm/) * (@sumierm) * [10 years, 3 months ago](https://wordpress.org/support/topic/css-124/#post-7122946) * Anyone? * Thread Starter [sumierm](https://wordpress.org/support/users/sumierm/) * (@sumierm) * [10 years, 3 months ago](https://wordpress.org/support/topic/css-124/#post-7122999) * [@thepixelme](https://wordpress.org/support/users/thepixelme/) do you think you could help with my problem above. * [ThePixelMe](https://wordpress.org/support/users/thepixelme/) * (@thepixelme) * [10 years, 3 months ago](https://wordpress.org/support/topic/css-124/#post-7123002) * Yes, I know how to do it. But WordPress doesn’t have an easy way to edit a plugin’s files. So it’s rather complex. * Let me give you an example. * . * Let’s move the verified badge on the big avatar photo to next to the big username: - First, we need FTP access to the site’s files. - Then we need to go to wp-content > plugins > buddypress-verified folder. - Grab buddypress-verified’s functions.php file (the plugin’s functions.php,** not** the theme’s). - Find the line that say - ``` add_filter( 'bp_get_displayed_user_avatar', 'bp_show_verified_badge' ); ``` - Change bp_get_displayed_user_avatar to bp_get_displayed_user_mentionname - ``` add_filter( 'bp_get_displayed_user_mentionname', 'bp_show_verified_badge' ); ``` - Save it. * Now the badge will be in the user_mentionname area, but it’s position nicely. So some custom CSS is needed: * ``` #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; } ``` * And here’s the result: [screenshot of result](http://i.imgur.com/B29yK3v.png) * That works on any name length. * . * That’s just a part of the complete code though. Because the badge appears on multiple instances (activity feed, comments, etc.), we’ll need to go through and change for each of them. * If you’re okay with editing the plugin’s source files, then let us know. We can give you the full code to copy-paste. But keep in mind: you do need FTP access to your site and the correct functions.php file, plus a backup version of it. Editing PHP file might lock you out of the admin panel of the site. * . * **[@andrew](https://wordpress.org/support/users/andrew/)** or any forum mod that’s reading this, could you please let me know whether I’m allowed to take the plugin, edit it, then zip it, and post a download link for another user? * Thread Starter [sumierm](https://wordpress.org/support/users/sumierm/) * (@sumierm) * [10 years, 3 months ago](https://wordpress.org/support/topic/css-124/#post-7123007) * [@thepixelme](https://wordpress.org/support/users/thepixelme/) yes I would like i would like the full code. Thank you for helping me out. Viewing 15 replies - 1 through 15 (of 23 total) 1 [2](https://wordpress.org/support/topic/css-124/page/2/?output_format=md) [→](https://wordpress.org/support/topic/css-124/page/2/?output_format=md) The topic ‘Css’ is closed to new replies. * 23 replies * 6 participants * Last reply from: [sumierm](https://wordpress.org/support/users/sumierm/) * Last activity: [10 years, 2 months ago](https://wordpress.org/support/topic/css-124/page/2/#post-7123136) * Status: resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics