How I can center avatar

[SilverBoy]

Hi

I want to put the avatar of the user in the center of the block in postbit legacy template, I tried every thing I can think of but without luck, could you please help me in doing this thing?

[MarkFL]

Try adding the following CSS selector to your "additional.css" template:

.postuseravatar {
text-align: center !important;
width: 100% !important;
}

[SilverBoy]

Thank you it works great :)

[TheLastSuperman]

Note: Overkill if only wanting avatar centered however... You could center all of it, some prefer all of the userinfo centered (within reason) here is a snippet of code that will do so (most of which I copied from a post by Lynne loooooong ago other additions over time).

/* center avatar, username, title, rank, userinfo_extra, postbit_reputation, imlinks */
.postbitlegacy .userinfo .username_container, .postbitlegacy .userinfo .rank, .postbitlegacy .userinfo .usertitle .imlinks {
text-align:center;
}
.postbitlegacy .userinfo .postuseravatar, .postbitlegacy .userinfo .postuseravatar img {
float:none;
text-align:center;
}
.postbitlegacy .userinfo .usertitle {
display: block;
float:none;
text-align:center;
clear: both;
}
.postbitlegacy .userinfo .userinfo_extra {
text-align:center;
clear: both;
}
.postbit_reputation {
float:none;
text-align:center;
}
.postbitlegacy .imlinks {
float:none;
text-align:center;
}
.postbitlegacy .after_content {
clear:right !important;
}

I can't recall if the items listed like location would look wonky, if so you could try also adding:
.postbitlegacy .userinfo .userinfo_extra dl {
text-align:center;
}

.postbitlegacy .userinfo .userinfo_extra dt {
float:left;
text-align:right;
}

.postbitlegacy .userinfo .userinfo_extra dd {
float:left;
text-align:center;
}

^ I had the bottom code commented out using /* .cssdefinition {code etc} */ so can't recall why in my one test style I did that, might not need to add the bottom code but there for reference.