Avatar em widget

Detalhes da questão

Endereço do fórum: clanowners.forumeiros.com
Versão do fórum: PhpBB3

Descrição

Olá pessoal, uso em um widget do meu fórum o seguinte código para mostrar o avatar do usuário:

Código:

<script>
jQuery(document).ready(function(){
  jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
      link = jQuery('.panel dl:first img', data).attr('src');
      if(link){
        jQuery('#avatar').html('<center><img src="'+link+'" alt=""></center>');
      }else{
        jQuery('#avatar').html('');
      }
  });
});
</script><div id="avatar"><center>Carregando avatar...</center></div>

Minha questão é como posso redimensionar a imagem para aparecer no widget do tamanho que me agrade mais.

Desde já agradeço.

@ShadowPrince

Nos disponibilize uma conta para testes...

acc: TesteOwn
senha: teste123

Tente...

Código:

.avatar {
    max-height: 50px;
    max-width: 50px;
}

Tentei usar o código mas n sei dizer se não funcionou ou se eu não usei corretamente. Desculpe minha falta de conhecimento, onde exatamente eu devo colocar este comando no código que passei acima?

@ShadowPrince
Em sua CSS.

@GSCode
Coloquei em minha CSS conforme orientado, mas infelizmente não apresentou nenhum resultado.

Altere o JS por:

Código:

<script>
jQuery(document).ready(function(){
  jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
      link = jQuery('.panel dl:first img', data).attr('src');
      if(link){
        jQuery('#avatar').html('<center><img src="'+link+'" alt=""></center>');
      }else{
        jQuery('#avatar').html('');
      }
  });
});
</script><span class="wid"><div id="avatar"><center>Carregando avatar...</center></div></span>

Adicione essa CSS:

Código:

.wid img {
  width: 150px;
}

O 150px é responsável pelo tamanho.

Perfeito GSCode! Muito obrigado!