Ajustar offline/online em cima do avatar do perfil

Detalhes da questão

Endereço do fórum: http://bl-rpg.forumeiros.com/
Versão do fórum: ModernBB

Descrição

Gostaria de ajustar o Offline para ficar em cima do avatar certinho https://imgur.com/a/kt0MEEG

Código:


.postprofile::before {
    background-image: url(https://i.imgur.com/MOWNMlZ.png);
   background-position: center;
   background-repeat: no-repeat;
   color: #fff;
    content: '';
   display: block;
    left: 0;
    padding: 14px;
    position: absolute;
    right: 0;
    top: 5px;

}
.online .postprofile::before {
    background-image: url(https://i.imgur.com/B9k1pkH.png) !important;
}



Olá,

Veja se fica a seu agrado

Código:

.postprofile::before {
    background-image: url(https://i.imgur.com/MOWNMlZ.png);
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
    content: '';
  display: block;
    left: 0;
    padding: 9px;
    position: absolute;
    right: 0;
    top: 5px;
 
}
.online .postprofile::before {
    background-image: url(https://i.imgur.com/B9k1pkH.png) !important;
}
 

att,

Tem como colocar mais largura, subir um pouco e ele ter altura?

Olá,

Veja agora

Código:

.postprofile::before {
    background-image: url(https://i.imgur.com/MOWNMlZ.png);
    background-position: bottom;
    background-repeat: no-repeat;
    color: #fff;
    background-color: #2e2e2e;
    content: '';
    display: block;
    left: 19px;
    width: 172px;
    padding: 11px;
    position: absolute;
    right: 0;
    top: 5px;
}
.online .postprofile::before {
    background-image: url(https://i.imgur.com/B9k1pkH.png) !important;
}
.postprofile-avatar img {
    margin-top: 10px!important;
}
 

Att,

fico correto, Agradecido