Title: avatar css
Last modified: March 5, 2017

---

# avatar css

 *  Resolved [Alexkehoe](https://wordpress.org/support/users/alexkehoe/)
 * (@alexkehoe)
 * [9 years, 1 month ago](https://wordpress.org/support/topic/avatar-css/)
 * I want my avatater to be centred with the nav menu and also be circular. I tried
   the below css which i found on line but it didnt do anything. I entered this 
   in my theme custom CSS
 * .nav-custom-height.navbar-style-one .dropdown-menu li#menu-item-3452 img {
    position:
   absolute; top: 3px; border-radius: 3px; max-width: 34px; max-height: 34px; right:-
   34px; border-radius: 999px; }

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

 *  Plugin Support [Ultimate Member Support](https://wordpress.org/support/users/ultimatemembersupport/)
 * (@ultimatemembersupport)
 * [9 years, 1 month ago](https://wordpress.org/support/topic/avatar-css/#post-8880031)
 * Hi [@alexkehoe](https://wordpress.org/support/users/alexkehoe/),
 * Can you please provide a link to your site or screen shot so we can further check?
 * Thanks.
 *  Thread Starter [Alexkehoe](https://wordpress.org/support/users/alexkehoe/)
 * (@alexkehoe)
 * [9 years, 1 month ago](https://wordpress.org/support/topic/avatar-css/#post-8880188)
 * apologies, here is the link.
 * yogaplanet.us password= alexkehoe1
 * Screenshot:
    [https://www.dropbox.com/s/16m2rtel5fh763p/Capture.PNG?dl=0](https://www.dropbox.com/s/16m2rtel5fh763p/Capture.PNG?dl=0)
 *  Plugin Contributor [Champ Camba](https://wordpress.org/support/users/champsupertramp/)
 * (@champsupertramp)
 * [9 years, 1 month ago](https://wordpress.org/support/topic/avatar-css/#post-8886949)
 * Hi,
 * Please try the following CSS:
 *     ```
       .menu-first_nameuser_avatar_small img.func-um_user.gravatar.avatar.avatar-40.um-avatar.um-avatar-gravatar {
           border-radius: 20px;
       }
   
       li.menu-first_nameuser_avatar_small.current-menu-item.current_page_item.sf-dropdown.menu-item-3452 {
           margin-top: -15px;
       }
       ```
   
 * Regards,
 *  Thread Starter [Alexkehoe](https://wordpress.org/support/users/alexkehoe/)
 * (@alexkehoe)
 * [9 years, 1 month ago](https://wordpress.org/support/topic/avatar-css/#post-8887988)
 * Hello [@champsupertramp](https://wordpress.org/support/users/champsupertramp/),
   thank you for your help. That has successfully moved the avatar up back in line
   with the nav text. The border radius part of the code didn’t seem to have any
   effect on the shape of the avatar though unfortunately as it is still square…
 *  Plugin Contributor [Champ Camba](https://wordpress.org/support/users/champsupertramp/)
 * (@champsupertramp)
 * [9 years, 1 month ago](https://wordpress.org/support/topic/avatar-css/#post-8893798)
 * Hi Alex,
 * Can you please try adding `!important` ?
 *     ```
       .menu-first_nameuser_avatar_small img.func-um_user.gravatar.avatar.avatar-40.um-avatar.um-avatar-gravatar {
           border-radius: 20px !important;
       }
       ```
   
 * Regards,
 *  Thread Starter [Alexkehoe](https://wordpress.org/support/users/alexkehoe/)
 * (@alexkehoe)
 * [9 years, 1 month ago](https://wordpress.org/support/topic/avatar-css/#post-8896210)
 * neither part of the code seems to be doing anything at the moment. I have entered
   the code in my theme CSS is that correct? thats usually where i enter custom 
   css
 *  Thread Starter [Alexkehoe](https://wordpress.org/support/users/alexkehoe/)
 * (@alexkehoe)
 * [9 years ago](https://wordpress.org/support/topic/avatar-css/#post-8902557)
 * ok alignment is all sorted now as the theme creators gave me some alternataive
   CSS. The circular avatar is still an issue… If i have no profile pic loaded the
   avatar is a circle but when i upload an avatar it goes square.
 *  Thread Starter [Alexkehoe](https://wordpress.org/support/users/alexkehoe/)
 * (@alexkehoe)
 * [9 years ago](https://wordpress.org/support/topic/avatar-css/#post-8905453)
 * the theme maker ended up helping and sorting the problem. thank you anyway

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

The topic ‘avatar css’ is closed to new replies.

 * ![](https://ps.w.org/ultimate-member/assets/icon-256x256.png?rev=3160947)
 * [Ultimate Member – User Profile, Registration, Login, Member Directory, Content Restriction & Membership Plugin](https://wordpress.org/plugins/ultimate-member/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/ultimate-member/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/ultimate-member/)
 * [Active Topics](https://wordpress.org/support/plugin/ultimate-member/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/ultimate-member/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/ultimate-member/reviews/)

 * 8 replies
 * 3 participants
 * Last reply from: [Alexkehoe](https://wordpress.org/support/users/alexkehoe/)
 * Last activity: [9 years ago](https://wordpress.org/support/topic/avatar-css/#post-8905453)
 * Status: resolved