Skip to:
Content
Pages
Categories
Search
Top
Bottom

Update 2.9.2 shrunk my avatars


  • Julia_B
    Participant

    @julia_b

    7 years ago

    I just updated to Buddypress 2.9.2 and now the member profile images on my website are all tiny.

    I use the following code for these:

    <div class="bp-login-widget-user-avatar"><?php bp_loggedin_user_avatar( "type=full&width=200&height=200" ); ?></div>

    And they display in widget boxes.

    Previously they were the 200×200 size as per the code, but now they’re a lot smaller, maybe 50×50.

    Hope someone can help me with this as its really messing up the look of my site. Thanks 🙂

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

  • shanebp
    Moderator

    @shanebp

    7 years ago

    Try removing the css class for the div. Just use <div>


    Julia_B
    Participant

    @julia_b

    7 years ago

    Thanks @shanebp – just tried that.

    It did bring up the avatar in the right size, but previously it displayed in a circle and with this code it appears square.

    How can I make it circular again?

    Appreciate the help 🙂


    shanebp
    Moderator

    @shanebp

    7 years ago

    Some other css code, perhaps in your theme, is extending that class to create round avatars.
    You’re going to have to create or modify some css.
    To find out exact info re the css, use a browser inspection tool.
    In Chrome, it is: right click > inspect.


    Julia_B
    Participant

    @julia_b

    7 years ago

    Thanks @shanebp

    Is this it?:

    element {

}
.bp-login-widget-user-avatar img.avatar {

    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 1px solid rgb(119, 175, 18);

}
.bp-login-widget-user-avatar img.avatar {

    height: 40px;
    width: 40px;

}
img {

    border-style: none;
    vertical-align: top;
    max-width: 100%;
    height: auto;

}
* {

    box-sizing: border-box;

}
.bp-login-widget-user-avatar {

    text-align: center;

}

    shanebp
    Moderator

    @shanebp

    7 years ago

    Probably. Try editing or deleting the 40px bits.

    When you change a css file, you’ll need to do a hard refresh ( ctrl + shift + r in windows ) to see the changes. Or clear your browser cache.


    Julia_B
    Participant

    @julia_b

    7 years ago

    Thanks @shanebp. I’m a bit nervous about changing the css so I’ve contacted Avada support. Will post an update when I get this resolved in case it’s helpful for anyone else in the future. 🙂

Viewing 6 replies - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.

Topic Info

Skip to toolbar