Ajustar o nome de usuario e as informações do perfil

Qual é minha questão:
Olá,

Eu recorri a alterar algumas coisas no CSS do meu fórum e acabou assim,
https://i.imgur.com/YR1XPaY.png

Como mostra a imagem o nome do usuário está cortado, e gostaria que o Rank ficasse ''colado'' com o número de mensagens. 

Atenciosamente,
ShiroK

Endereço do meu fórum:
http://narutoyopa.forumeiros.com

Versão do fórum:
PUNBB

Olá bom dia,

Adicione em sua folha CSS o código abaixo:

Código:


#main-content > div.main.paged > div.main-content.topic > div.post.post--163 > div > div.postbody > div.user > div.user-ident {
margin-left: 80px!important;
}
.pun .user .user-info {
margin-top: -15px!important;
}


Obs: Editei o titulo do seu tópico para algo mais cabível ao conteúdo da questão.

Olá,

O erro persisti, ao adicionar este CSS não alterou nada, preciso de ajuda urgentemente!

Atenciosamente,
ShiroK

Olá,

Substitua por este amigo:

Código:


h4.username {
    margin-left: 80px !important;
}
.pun .user .user-info {
margin-top: -15px!important;
}


Olá,

Resultou sim mas de uma maneira que eu não queria, o avatar ainda não está centralizado, está ''colado'' a borda.

Atenciosamente,
ShiroK

Olá,

Adicione este código:

Código:


.pun .post .user {
padding: 30px;
}


Olá,

O avatar ele passou da borda, mas, acho que se eu alterar o valor de 30px obtenho resultado, porém preciso de um código para centralizar o nome de usuário se fosse possível.

Atenciosamente,
ShiroK

Olá,

Aqui o nome de usuário está centralizado, procure em sua folha CSS o código abaixo:

Código:


h4.username {
    margin-left: 80px !important;
}


Troque por este:

Código:


h4.username {
    margin-left: 68px !important;
}


Resultado:

Olá,

Obrigado pela ajuda mas não será mais preciso, obrigado.

Atenciosamente,
ShiroK