Profile image is shown cropped

Why is uploaded profile image shown cropped on top and bottom? What can I do to make sure the image covers the whole circle?

Go to the Appearance tab of the image element, you’ll see a dropdown “run-mode rendering”. Set it to “Zoom”

I can’t find it :thinking:. Sure it is under Appearance tab of the image?

Yes. It only appears if you’re using dynamic data though. I assumed you were.

Are you?

You mean dynamic image? If yes, I do.

You should see this then. Pick “Zoom”

I don’t see it. Maybe because I use picture uploader module?

Ohh, you’re using a picture uploader. You’ll use “processed with Imgix”

Add “processed with Imgix” after your expression then check Auto crop around face. That will automatically zoom in whatever image is uploaded with the face in the center. You can use the dropdown below it to adjust how close you want the zoom to be. The lower the number, the closer the zoom will be.

Below is an example of the result you would achieve with this.


On the left side is the image I uploaded and on the right side is the final result after processing with Imgix and autocropping to the face with a padding of 4.

Thanks for your comment. I appreciate it. How can I see the Imgix processing window? Usally it pops up when you click a word in the field, but nothing happens when I click the white text ‘:processed with Imgix’.

Probably a Bubble glitch. Reload your browser and try again

I have tried and still doesn’t work :confused:

Wait, when I cut and copy the text back in it work. Or if it was because I used big i (I) or small L (l).

Now it worked :smiling_face_with_three_hearts:. Thank you!