Centered username and avatar

this image is edited... I want to make it something like that. My username and avatar are centered. Is there any way to do it like that?

Which version of forum are you using?

• Please provide your forum URL for appearance problems

Akkii wrote:Which version of forum are you using?

phpBB2

u3gms.com

Do you happen to know the code for this for PunBB, out of curiosity?

Rideem3 wrote:Add this to your CSS StyleSheet:

Code:

tr.post > td:first-child {
    text-align: center;
}

it works but its not what I expected. Its messy now. The profile fields below got centered also.

The PunBB code you provided worked for the profile text. Do you have the code for centering usernames?

viewtopic_body find:

Code:

{postrow.displayed.POSTER_NAME}
{postrow.displayed.POSTER_AVATAR}

just put <center></center>

Code:

<center>{postrow.displayed.POSTER_NAME}</center>
<center>{postrow.displayed.POSTER_AVATAR}</center>

Spoiler:

I did that:



But the usernames are still left-aligned:



Link for miscellaneous purposes: http://sonicommunity.net/forum

Xanthis wrote:I did that:



Link for miscellaneous purposes: http://sonicommunity.net/forum

css find:

Code:

.pun .user-ident .username {
color:
#00569C;
display: block;
font-size: 1.2em;
font-weight: 700;
position: absolute;
text-decoration: none;
top: 0;
}

delet:position: absolute;
add:

Code:

margin-top: -20px;
padding-bottom: 5px;

Spoiler:

Nope.



Margin-top only shifted the name vertically, and padding-bottom effectively did nothing. Still no change horizontally.

try:

Code:

<h4 class="username" style="padding-bottom: 5px;margin-top: -20px;position: relative;">

Same idea, it effectively removes the username because it's only changing its vertical position.

Solved through CSS:

Code:

.pun .user-ident .username {
text-align: center;
position: relative;
margin-bottom: 10px;
}

We'll wait for the topic creator to see is it solved for him.