I made my current profile using 's free template as a base but I can't figure out a way to move my avatar's image a little lower on it's box, to make it not touch the top. Anyone can lend a hand? n_n I'm sure I'm just missing a code snippet. Also please don't mind the noodle coding, I never cleaned it up.

raw code

Simple way is use the selector " img" which is already in the code you use, now you need to property "margin-top" with value you of 12% will make it appear to be centered

img { margin-top: 12%; }

Now if you didn't want that amount of space on both sides then a second property needs to be added which is "margin-bottom" setting this to "-12%" makes it have no space between the image and the bottom of the box touch so like the top

So if you want it to have the same height as before the change then setting the values like below will give that effect img { margin-top: 6%; margin-bottom: -6%; }

Hope this quick explanation(?)/answer is not confusing let me know if it is...

Thank you! That was my first guess, but it makes the border look weird (I left it there so you can see what I mean) I was hoping I could change some other element and move the image + border, but if that isn't possible I guess I'll just remove the border n_n

Just saw your reply so when i got a moment to go to my computer to check you are not using the right property

Youre using padding-top my answer is margin-top please change it to that these two work different

Can explain things further when im not on my phone later

Welp, as the title says... Dumb boy x) It worked, thanks a lot!! Sorry for the confusion

Glad the confusion could be cleared up swiftly though. If you need any other help please feel free to ping, comment or smail me when ever.

PS: Also totally fine if you added me as a friend