Alinhar número de tópicos e mensagens

Detalhes da questão

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

Descrição

Opa pessoal, boa noite. Então, meu fórum só precisa desse alinhamento para ficar do jeito que queria



Como mostra na imagem, o fórum "intro" está centralizado verticalmente, consegui fazer inspecionando o objeto pelo mozilla e ajustando no css até conseguir:

Código:

ul.forums dl.icon dd.dterm > div {
     margin-left: 47px !important;
   margin-top: 3.2% !important;
     margin-bottom: 3.2% !important;
   }

Já o alinhamento vertical dos ícones eu copiei o seguinte código:

Código:

ul.topiclist dd.dterm, ul.topiclist dt {
        display: block;
        float: left;
        font-size: 1.3rem;
        padding: 22px;
        width: 52%;
        }
       
        .forabg .header i:before {
            padding: 0px;
        }

Então, eu gostaria de alinhar verticalmente os números, tanto de posts quanto de tópicos. Agradecido desde já!

Olá,

Para que possamos lhe ajudar, o senhor terá que tirar o seu fórum da manutenção.
Ficaremos no aguardo. o/

Pronto, o fórum está aberto

Olá, vejamos o que você pode fazer..
Vá em: 
Painel de Controle Visualização Imagens e Cores Cores  Folha de estilo CSS
E adicione ao final de sua folha de estilo CSS o seguinte código:

Código:

.topiclist.forums>li.row> dl.icon .posts {
    clear: left;
    position: absolute;
    left: 52%;
    bottom: -1em;
}
li.header .icon .posts {
    display: none;
}


Salve e veja se resultou.
Até mais!

virus escreveu:Olá, vejamos o que você pode fazer..
Vá em: 
Painel de Controle Visualização Imagens e Cores Cores  Folha de estilo CSS
E adicione ao final de sua folha de estilo CSS o seguinte código:

Código:

.topiclist.forums>li.row> dl.icon .posts {
    clear: left;
    position: absolute;
    left: 52%;
    bottom: -1em;
}
li.header .icon .posts {
    display: none;
}


Salve e veja se resultou.
Até mais!

Opa, obrigado por tentar ajudar!
Mas não, ainda não funcionou, olha como ficou


No caso eu queria que ficasse um número apenas, e alinhado com o nome do fórum, aquele "about" ali.
Obrigado desde já!

Olá.

Tente substituir os códigos passados acima por esse:

Código:

.topiclist.forums>li.row> dl.icon .topics, .topiclist.forums>li.row> dl.icon .posts, .topiclist.forums>li.row> dl.icon .lastpost {
    margin-top: 2%;
}

Pode ir alterando o 2% para a medida que desejar até que fique centrado.

Até.

AlexG escreveu:Olá.

Tente substituir os códigos passados acima por esse:

Código:

.topiclist.forums>li.row> dl.icon .topics, .topiclist.forums>li.row> dl.icon .posts, .topiclist.forums>li.row> dl.icon .lastpost {
    margin-top: 2%;
}

Pode ir alterando o 2% para a medida que desejar até que fique centrado.

Até.

Opa! Agora foi
Eu utilizei o código que você mandou, mas retirei a parte do lastpost, o lastpost já estava alinhado, além disso usei o margin-bottom também, deixei ambos em 2% e apenas ajustei o margin-top/bottom do outro código e ficou lindo! O código no final ficou assim

Código:

        .topiclist.forums>li.row> dl.icon .topics, .topiclist.forums>li.row> dl.icon .posts {
            margin-top: 2%;
         margin-bottom: 2%
        }

E o resultado:



Muitíssimo obrigado pessoal!