Skip to:
Content
Pages
Categories
Search
Top
Bottom

Avatar preview has been stretched on BuddyPress site


  • awaise17
    Participant

    @awaise17

    I am working on a small community website based on BuddyPress. It gives the ability to users to upload their avatars and then crop it while previewing. I am using jCrop to do that.

    My problem is, when a user uploads his avatar, then the crop feature comes up along with the preview of the cropped image. The preview seems to be stretched.

    I don’t really know if this is the problem of my css or the jCrop itself. I have read people with similar problem and the proposed solution was to remove (if any) fixed height or width has been applied to the preview container. I have tried that with sever other options and tweaks but nothing works.

    Here is the problem in the image for best understanding.
    Preview Problem

    Please note that the crop function itself is working fine. i.e, it only shows the area in preview that has been selected. But its stretched.

    I really need your help on this.

    If you want to check it even further, Here is the link to the production version of the site
    Production Version
    username/email: @gmail.com">awaise171@gmail.com
    pass: admin

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

  • awaise17
    Participant

    @awaise17

    Sorry. I missed the link to “Production Version”.
    Here it is.
    Production Version


    shanebp
    Moderator

    @shanebp

    If you switch to a WP theme like 2013, does the problem persist?
    If not, it’s something in your theme.

    What are your media settings re images? Are they square?
    Here: …/wp-admin/options-media.php

    Have you have set any avatar size constants in code?
    See: https://codex.buddypress.org/themes/guides/customizing-buddypress-avatars/#how-to-change-buddypress-avatar-sizes


    awaise17
    Participant

    @awaise17

    Hi. Thank you for getting back to me.
    Here are the responses to your queries.

    1- If you switch to a WP theme like 2013, does the problem persist?
    Ans: I haven’t tried that. I’ll check them and will let you know asap.

    2- What are your media settings re images? Are they square? Here: …/wp-admin/options-media.php
    Ans: Media settings

    3- Have you have set any avatar size constants in code?
    Ans: No, I haven’t defined any constants in the code. Should I?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Avatar preview has been stretched on BuddyPress site’ is closed to new replies.
Skip to toolbar