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...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.

PHP Code:

img.onlinestatus {
    top: 0 !important;
} 


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

[afmarko99]

Originally Posted by 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.

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 [DATE]1392488046[/DATE] at [TIME]1392488046[/TIME] ---------------

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:

PHP Code:

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


Adjust 4px value to your choice.

Thanks for adding the bookmark.

[afmarko99]

Thank you very much man.