Redimensionar ícones do fórum

Detalhes da questão

Endereço do fórum: http://titanea.f-orum.com
Versão do fórum: ModernBB

Descrição

Boa noite, de antemão peço desculpas se postei na seção errada, pois não sei se é em Códigos ou aqui mesmo.
Enfim, preciso deixar os ícones do fórum sem limitação de tamanho. Uso um tema básico do ModernBB e ele limita os ícones, como mostra a print. Preciso que os ícones não tenham os tamanhos limitados, ou que seja na resolução 54x93.

Já agradeço desde agora.

Olá!

Vá à sua folha de estilos CSS e procure pela linha seguinte:

Código:

background-size: 33px 33px!important;

Substitua por:

Código:

background-size: auto !important;

Logo acima da primeira linha que pedi para encontrar atrás, deve encontrar esta:

Código:

background-position: left 24px top 50%!important;

Substitua por:

Código:

background-position: left 15px top 50%!important;

Este último código é para ajustar a posição horizontal (para centrar a imagem).

Hancki

Hancki escreveu:Olá!

Vá à sua folha de estilos CSS e procure pela linha seguinte:

Código:

background-size: 33px 33px!important;

Substitua por:

Código:

background-size: auto !important;

Logo acima da primeira linha que pedi para encontrar atrás, deve encontrar esta:

Código:

background-position: left 24px top 50%!important;

Substitua por:

Código:

background-position: left 15px top 50%!important;

Este último código é para ajustar a posição horizontal (para centrar a imagem).

Hancki

Olá Hancki, não existe este código na minha folha de estilo CSS.
Este é a folha:

Código:

/* HEADER_MOD - begin */
#site-desc {
    text-align: center !important;
    position: sticky !important;
    margin-top: 75px !important;
}

div#site-title h1 {
   text-transform: uppercase;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
    -webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
    -ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
    transition: transform 0.5s ease, opacity 0.5s ease;
    display: inline-block;
    font-size: 1.75em;
    opacity: 1;
    padding: 0.35em 0em;
    position: relative;
    z-index: 1;
}

div#site-title h1:after, div#site-title h1:before {
    -moz-transition: width 0.85s ease;
    -webkit-transition: width 0.85s ease;
    -ms-transition: width 0.85s ease;
    transition: width 0.85s ease;
    -moz-transition-delay: 0.25s;
    -webkit-transition-delay: 0.25s;
    -ms-transition-delay: 0.25s;
    transition-delay: 0.25s;
    background: #fff;
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    width: 100%;
}

div#site-desc > p {
    letter-spacing: 0.225em;
    text-transform: uppercase;
}

.is-sticky#headerbar-top {
    background-color: #21b2a6 !important;
}

/* HEADER_MOD end */
/* WRAP_BODY begin */
.module .h3 {
    background-color: #505393 !important;
}
/* WRAP_BODY end */
.postprofile-avatar img {
          max-width: initial;
          max-height: initial;
          height: initial;
          width: initial;
          border-radius: 0px!important;
        }

Olá!

Seguindo as indicações do Hancki, adicione o seguinte código à sua Folha de estilo CSS:

Código:

ul.forums li.row dl {
    background-position: left 15px top 50%!important;
    background-size: auto!important;
    padding: 0;
    position: relative;
}

Lembrando que quem ajudou foi o Hancki, eu só coloquei o código para que adicione na sua folha de estilos CSS!

Muito obrigado Hancki e Jefferson, me ajudaram muito. O trabalho de vocês é fantástico, problema resolvido, podem fechar.