How to 'float' edited online image?

[afmarko99]

With help I was able to change the online status icon to a custom image. However, the image needs to be centered or 'float' in the center. I'm sure I just need to add some coding?

See link for reference:
http://forum.withwingslikeeagles.net/showthread.php?52-More-pictures-of-me-and-my-life

I also attached an image.

Thanks

[Seven Skins]

If you want to vertical align in the middle inline with user name you can add the css code below to your additional.css template.

img.onlinestatus {
top: 0 !important;
}

If you want that in the next line then you have edit a template.

[afmarko99]

If you want to vertical align in the middle inline with user name you can add the css code below to your additional.css template.

Perfect, that fixed the problem.

I still have a space between the top line with the username/online status and the user's forum title. Do you know how to fix that as well?

Thank you so much for your help.

--------------- Added 1392488046 at 1392488046 ---------------

By the way I just visited and added your site as a bookmark. I will contact you if I ever need a skin.

[Seven Skins]

Try this:

.postbitlegacy .userinfo .username_container {
margin-bottom: 4px;
}

Adjust 4px value to your choice.

Thanks for adding the bookmark.

[afmarko99]

Thank you very much man.