How to show larger profile user photo

  • Resolved campaxaus

    (@campaxaus)


    2 months, 1 week ago

    It seemed something simple to me, but I still can’t see a way to fix this: I just wanted to display profile photos 320×320.
    I checked and every user has its own “profile_photo-320×320.jpeg” inside his own folder.
    I set 320×320 everywhere the “size” is to be set: General/Uploads, Appearance/Profile, profile forms… Do I miss anything else to be set?
    When I refresh user’s page, the image goes 320×320 just for a blink of an eye…but then it shrinks back to default 190×190.

    I’ve been trying with some css too (they are to be insert in the user page, right?), but nothing happens…

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Aswin Giri

    (@aswingiri)

    Hello @campaxaus

    There are 3 places you will need to set the page.

    1. Add Image size from: Ultimate member > Settings > General > Upload
    2. Set profile photo size from: Ultimate member > Settings > appearance > profile
    3. Set the size on profile form.

    Since you have already done all of these steps, can you please check the image source to see which size is being loaded on the page. Somtimes, CSS can change the size even if bigger image is being loaded on the page.

    Please try to clear the cache or test it on incognito mode.

    Plugin Support andrewshu

    (@andrewshu)

    Hi @campaxaus

    This thread has been inactive for a while so we’re going to go ahead and mark it Resolved.

    Please feel free to re-open this thread if any other questions come up and we’d be happy to help. ??

    Regards

    Thread Starter campaxaus

    (@campaxaus)

    Sorry @andrewshu , been out of office for two week and…nope…thread yet not resolved: @aswingiri confirmed that the three places I should set the page are already set correctly.

    I used “view page source” and this is what it shows:


    <div class=”um-profile-photo” data-user_id=”10″ aria-invalid=”false” >
    <a href=”https://www.hostessandmodels.it/user/hnm-00010/&#8221; class=”um-profile-photo-img” title=”HnM-00010 “>
    <span class=”um-profile-photo-overlay”>
    <span class=”um-profile-photo-overlay-s”>
    <ins>
    <i class=”um-faicon-camera”>
    </ins>
    </span><img loading=”lazy” decoding=”async” src=”https://www.hostessandmodels.it/wp-content/uploads/ultimatemember/10/profile_photo-320×320.jpg?1727337250&#8243; class=”gravatar avatar avatar-320 um-avatar um-avatar-uploaded” width=”320″ height=”320″ alt=”HnM-00010 “data-default=”https://www.hostessandmodels.it/wp-content/plugins/ultimate-member/assets/img/default_avatar.jpg&#8221; onerror=”if ( ! this.getAttribute(‘data-load-error’) ){ this.setAttribute(‘data-load-error’, ‘1’);this.setAttribute(‘src’, this.getAttribute(‘data-default’));}” loading=”lazy” />
    </a>

    Going over image’s string, it shows, among others, these two lines:
    Rendered size 130×130
    Intrinsic size 320×320

    Don’t use any custom CSS so…wonder what makes the avatars being “rendered size 130×130″…

    Using incognito mode the image shows 320×320 for a while, then shrinks to 130×130, like it does in normal mode…

    • This reply was modified 1 month, 3 weeks ago by campaxaus.
Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.

Tags