Profile images / Status image

I want to center the profile images (Avatar, Rank & Rank image (not the username, nor the info)).

I also want to move the status (online, offline) image next to the username, but how?

http://boredom.iftopic.com/t1-enttry-37

Add this to your CSS Stylesheet:

Code:

.pun .user-ident .user-basic-info {
    text-align: center;
}

SLGray wrote:Add this to your CSS Stylesheet:

Code:

.pun .user-ident .user-basic-info {
    text-align: center;
}

Thanks, what for the status image? Or can I move the status image to the center too (without moving the info)?

Plus, I centered all but can I move everything to left (They will be centered, but at the left)

Hi @Wealh,

You could try absolutely positioning the icon and then placing it on the top right ( or left ). CSS :

Code:

.post .i_icon_online {
  position:absolute;
  right:1px;
  top:1px;
}

You might need to add a bit of padding depending on where you put it. You should be able to apply that with :

Code:

.post .username {

}

Ange Tuteur wrote:Hi @Wealh,

You could try absolutely positioning the icon and then placing it on the top right ( or left ). CSS :

Code:

.post .i_icon_online {
  position:absolute;
  right:1px;
  top:1px;
}

You might need to add a bit of padding depending on where you put it. You should be able to apply that with :

Code:

.post .username {

}

Thanks, but how to move it in the middle (under the rank image) without moving the info (Posts, Join date)?

Try using this CSS for doing that :

Code:

.post .i_icon_online {
  display:block;
  margin:0 auto;
}

.post .i_icon_online + br { display:none; }

It should center the online image without centering anything else.