Modificar a aparência da categoria

Detalhes da questão

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

Descrição

Olá, recentemente me atenderam neste tópico: https://ajuda.forumeiros.com/t111855-categoria-personalizada

Mas agora eu percebi que não está como eu queria, eu queria que a categoria ficasse assim:

E que essa categoria preenche todo o espaço dos lados, fórum onde vi: testandonwdgg.forumeiros.com

Bom dia!

Adicione ao final de sua folha de estilo CSS o seguinte código:
Painel de Controle Visualização Imagens e Cores Cores

Código:

dd.topics, dd.posts, dd.lastpost i.ion-android-time , .btn-collapse, dd.views{
    display: none!important;
}

Ajudeiro, 
Virus.

Ainda não ficou como eu queria

Punisher

Em qual parte você diz? Está a configurar fonte deste modo:
Painel de Controle  Visualização  Imagens e Cores  Cores

Código:

ul.topiclist li.header .table-title h2, ul.topiclist li.header dl.icon dt {
    font-size: 13px;
    font-weight: 700;
    font-family: "Trebuchet MS", sans-serif;
}

Até a próxima.

Depois que adicionei o código que passou acima deu uma melhorada, mas ainda falta diminuir um pouco a altura da categoria e fazer com que ela preencha os lados do fórum

Muito bom, vamos fazer o seguinte então adicione isto a sua folha de estilo CSS
Painel de Controle Visualização Imagens e Cores Cores

Código:

#wrap {
    padding: 11px;
}
.forabg li.header .dterm, .forumbg li.header .icon {
    height: 40px;
}
.table-title h2, .topiclist .header dl.icon dt {
    line-height: 6px!important;
}

Tudo certo?

Ajudeiro, 
Virus.

Agora ficou perfeito, mas poderia fazer mais uma modificação na categoria? Acho que ficaria legal se na categoria tivesse aquelas mensagens encima dos números exemplo: Mensagens e embaixo o numero de mensagens em tal fórum

Bem Punisher neste caso retire o primeiro código que enviei na primeira mensagem. 

Que é este:

Código:

dd.topics, dd.posts, dd.lastpost i.ion-android-time , .btn-collapse, dd.views{
    display: none!important;
}

Quando retirar me avise, que irei fazer um outro.

Ajudeiro,
Virus.

Código retirado

Adicione ao final de sua folha de estilo CSS
Painel de Controle Visualização Imagens e Cores Cores

Código:

i.ion-android-list, i.ion-android-chat, i.ion-android-time, i.ion-eye, .btn-collapse {
    display: none!important;
}
.topiclist .header dd.lastpost:after {
    content: 'Última Mensagem';
}
.topiclist .header dd.posts:after {
    content: 'Posts';
}
.topiclist .header dd.views:after {
    content: 'Views';
}
.topiclist .header dd.topics:after {
    content: 'Tópicos';
}

E veja se resultou

Até!

Perfeito, agradeço demais @virus!