@PeterJones - First of all, many thanks for taking the time to actually go into detail with the answer(s).
In my case for Google when the account was created, I would have preferred the stock avatar with the letter of the first letter of the username and then once I had earned the privilege, then I can have a custom avatar or maybe the better way would have been to allow either the default icon or google but not being able to customize it until it is earned.
Yes, I figured it had to be New User or at the worse possible case, it was a disabled but since with the previously created account using Google and not having any posts, there was no risk to see what would happen if I deleted the account and created it again using github.
I did face two issues, the first one when I deleted the account. I could not get back into the community as NodeBB was complaining the previous user no longer existed and I should refresh the page which I did a few times and the results were the same so it does not even let me view the community as a guest until I manually deleted the cookies for the site. Then when I tried to create the account, I used github because when I first login to the community yesterday, I remember somewhere where the github showed the same avatar I am using now instead of Google’s but after I clicked on github, NodeBB complained about unable to create account due to a internal error saying there was no valid email address in the profile. With both issues, I didn’t do a screenshot of the issue so I could not remember what it said exactly. But in any case, even though NodeBB complained, I did receive the e-mail to verify the email address with the link to click on which was how the account was actually created.
After you mentioned how to change the avatar in your first response, my first thought and experiment was finding the 128 x 128 size for the avatar by searching for the size for NodeBB avatar in pixels and then after some thinking, I figure it’s similar to a physical picture and you put a border layer on top of it for lack of better term, that is what is hiding the rest of the image. My actual image used is actually 68 x 73 so if it used the original size, it would probably fit within the circle except NodeBB itself probably resizes the image so it’s 128 x 128 so one way to fix this is probably to create a canvas that is 128 x 128 first and then put the original sized image on top of it so it will scale the new image instead. If it didn’t enlarge the original image to 128 x 128, then it would be easier to use a photo editor to simply get all wanted pixels within the center of the circle even with the coordinates unknown but what I did was simply added white pixels in all directions until things fit, first by making the the height 128 pixels first before adding pixels on any of the four sides until it fits. Actually, changing the canvas size in this case while keeping the original image size works as well.
Many thanks for the tips.
