avatar css

  • Resolved Alexkehoe

    (@alexkehoe)


    9 years, 1 month ago

    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

    (@ultimatemembersupport)

    9 years, 1 month ago

    Hi @alexkehoe,

    Can you please provide a link to your site or screen shot so we can further check?

    Thanks.

    Thread Starter Alexkehoe

    (@alexkehoe)

    9 years, 1 month ago

    apologies, here is the link.

    yogaplanet.us password= alexkehoe1

    Screenshot:
    https://www.dropbox.com/s/16m2rtel5fh763p/Capture.PNG?dl=0

    Plugin Contributor Champ Camba

    (@champsupertramp)

    9 years, 1 month ago

    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

    (@alexkehoe)

    9 years, 1 month ago

    Hello @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

    (@champsupertramp)

    9 years, 1 month ago

    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

    (@alexkehoe)

    9 years, 1 month ago

    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

    (@alexkehoe)

    9 years ago

    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

    (@alexkehoe)

    9 years ago

    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.