I managed to create new custom fields in the profile page. However, the new fields are located below the Password section. My new fields is more about the user personal details, which should located below/above Biographical Info section. But this new field always display below to the password section, this will be very odd for users to read.
I found a post talking manipulating the DOM by javascript here. But the codes somehow didn't work for me, I don't know why.
So, I would like to find an alternative way. Please advise. Thanks