Title: Css problem
Last modified: August 31, 2016

---

# Css problem

 *  [sumierm](https://wordpress.org/support/users/sumierm/)
 * (@sumierm)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/css-problem-60/)
 * Hello, I am using buddyverified to display a verified badge for certain users.
   I would like to move it from the avatar box to next to the username, the “@” 
   name. I would like it be displayed without being out of place if someone uses
   mobile or desktop or if someone turns their mobile device in landscape mode. 
   The badge should adjust to the length of a user’s username. Can someone help 
   me do this. [http://connectioninterface.com/members-2/support/](http://connectioninterface.com/members-2/support/)

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [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-problem-60/#post-7124865)
 * You can force it to that position using some CSS, but it’s not a great solution.
   A great solution would be to move it with HTML and CSS – this would require knowledge
   of the plugin and so you should pursue this on the thread you created there: 
   [https://wordpress.org/support/topic/badge-position?replies=1](https://wordpress.org/support/topic/badge-position?replies=1)
 * A less-than-great solution is as follows. As you can see this does not work on
   mobile. The great solution would allow it to be positioned correctly on mobile.
 * If you’re not using a Child Theme, and if the theme doesn’t have a section for
   CSS modifications then do the following:
    1. Install this Custom CSS Manager plugin [http://wordpress.org/plugins/custom-css-manager-plugin](http://wordpress.org/plugins/custom-css-manager-plugin)
    2. use its “CSS Code” [section of the dashboard](https://s.w.org/plugins/custom-css-manager-plugin/screenshot-1.jpg?r=1288706)
       to hold your CSS modifications:
    3.  (put this code in)
    4.     ```
           @media screen and (min-width 783px) {
               html #buddypress span#bp-verified-header {
                   right: 0;
               }
           }
           ```
       
    5. Save
 * _Alternatively use your Child Theme style.css file to hold your CSS modifications_
 *  [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-problem-60/#post-7124885)
 * I realise now that you’ve created multiple threads on the same issue. Someone
   is already helping you out with this.
 * Please avoid duplicating your thread in future, so that we don’t get in the position
   where we’re having the same conversation in multiple places. It’s also a bit 
   insulting to the volunteer if you create a new thread while they’re trying to
   help you.
 * If you need urgent support then we generally forward you onto better support 
   avenues like [WP Jobs](http://jobs.wordpress.net) and [CodePoet](http://directory.codepoet.com/).
   It’s to prevent frustration that your issue has not been resolved in the time
   frame you wanted.
 *  [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-problem-60/#post-7124886)
 * Continued on: [https://wordpress.org/support/topic/css-124?replies=7&view=all](https://wordpress.org/support/topic/css-124?replies=7&view=all)

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Css problem’ is closed to new replies.

 * 3 replies
 * 2 participants
 * Last reply from: [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * Last activity: [10 years, 3 months ago](https://wordpress.org/support/topic/css-problem-60/#post-7124886)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics