Detalhes da questão

Endereço do fórum: https://policiadpsm.forumeiros.com/
Versão do fórum: AwesomeBB

Descrição

Boa tarde!

Como transformar o menu lateral de post de mensagem que contém o avatar, ao invéz de redondo, um avatar quadrado e grande?

1. Acesse o seu Painel de Controle. (modo avançado, no canto esquerdo inferior)
2. Acesse a guia Visualização.
3. No menu da esquerda, clique em Cores.
4. Clique em Folha de Estilo CSS.
5. Adicione no fim da caixa "CSS" o seguinte código:

Código:

.postprofile-avatar img {
border-radius: 0px;
height: initial;
width: initial;
max-height: 400px;
max-width: 200px;
}

6. Clique em Validar.

Resultado final

Oi, não deu muito certo... coloquei dessa forma:

Código:

div#header-banner {
    background-color: #8aaaf1;
    background-image: url();
    background-position: center;
    background-size: cover;
    height: 20pc;
}

header {
    background-color: #000c39;
}

.block .block-header {
    background-color: #000c39;
}

.forum-header, .posts-header {
    background: #000c39;
}

footer {
    background: #8aaaf1;
}
.post-header {
    background-color: #8aaaf1;
}
.btn-default, .button, .button1, .button2, .liteoption, .mainoption {
    background-color: #000c39;
}
.box-head {
    background-color: #8aaaf1;
}
.forumline thead th, .table1 thead th {
    background-color: #8aaaf1;
}

.forumline .row3, .table1 .row3 {
    background-color: #000c39;
}
#main-menu {
    background-color: #000c39;
}
#main-user-menu, #notif-menu {
    background-color: #8aaaf1;
}
#page-footer {
    background-color: #000c39;
}
.action-bar {
    background-color: #000c39;
}

/* Avatar Quadrado */
.postprofile-avatar img {
border-radius: 0px;
height: initial;
width: initial;
max-height: 400px;
max-width: 200px;
}

O seu código ficou no fim do post como informado.
As opções ativadas no CSS são: Forçar o CSS base do seu fórum e Melhorar CSS.
As opções desativadas: Desativar o CSS de base

Olá @Riickizin,

Altere o código CSS anteriormente passado para este:

Código:

.post-author-avatar img {
border-radius: 0px;
height: initial;
width: initial;
}

Atenciosamente,
RafaelS.

Tópico movido O tópico foi movido para o setor: Questões sobre a aparência do fórum.

Nota: É importante que procure escolher a área certa para a sua questão afim de manter a organização do fórum.
Para mais informações, leia o Regulamento do Fórum dos Fóruns

Deu certo, tive que desativar o CSS base.
Mas uma dúvida, como eu posso expandir o avatar para baixo? Aumentar o tamanho do quadrado? Tentei mudar os px mas aumentou pra ambos lados..

Riickizin escreveu:Deu certo, tive que desativar o CSS base.
Mas uma dúvida, como eu posso expandir o avatar para baixo? Aumentar o tamanho do quadrado? Tentei mudar os px mas aumentou pra ambos lados..

Olá @Riickzin,

Por favor utilize esse código no seu CSS:

Código:

.avatar-big img {
border-radius: 0px!important;
height:auto;
width:auto;
max-width:100%;
max-height:300px;
}

Atenciosamente,
Sleep