Ajustar titulo dos tópicos e estatisticas

Detalhes da questão

Endereço do fórum: http://brbrasilreality.forumeiros.com/
Versão do fórum: PunBB

Descrição

Quando entrarem no meu forum vão logo notar de cara que "os titulos dos tópicos" estão todos bugados pro lado emcima da imagem do icone, e as estatisticas toda puxada pra cima, queria ajustar e que ficasse na posição normal. OBS: Não vou tirar este meu template e botar outro, quero apenas ajustar isto.

Prints: https://i.imgur.com/DiL6fCG.png , https://i.imgur.com/xIlBlnV.png .

Olá,
Procure por:

Código:

.pun h2, .pun h3, .pun input, .pun select, .pun th

Substitua o código da chave por:

Código:

.pun h2, .pun h3, .pun input, .pun select, .pun th {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
    font-style: normal;
    font-variant: normal;
    margin-left: 68px;
}

Depois procure por:

Código:

.page-title h2

Subistitua por:

Código:

.page-title h2 {
    color: #F0F0F0;
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
    font-style: normal;
    font-variant: normal;
    font-weight: 400!important;
    line-height: 35px;
    text-transform: uppercase;
    margin-left: 0px;
}

GSCode escreveu:

Ver mensagem citada de GSCode:

É pra min fazer isso em oq da template do forum.. nome..?

Edit¹: Achei uma img da época do jeito q era pra ser, o certo é pra ficar assim: (OBS: O site de q tirei isto já não existe mais, foi retirado do ar, porem acho que se procurar no forum acha meus outros tópicos, mas creio que não seja necessário pra ajustar já que já tem a imagem e é só ajustar)

@TheJokerGFR

Deves adicionar isso à sua CSS.

GSCode escreveu:@TheJokerGFR

Deves adicionar isso à sua CSS.

Isso oq? Tá vazio a sua msg, adicionar oq na CSS..? '-'

Edit¹: Eu entendi oq vc disse agr, vou fazer a mudança e já respondo se deu certo.

Edit²: Deu certo porem a estatisticas continua bugada, mas as categorias deu certo.

Procure por:

Código:

h4.titlebg

Troque a chave por:

Código:

h4.titlebg {
    background: #ff5454;
    border-radius: 4px;
    color: #fff;
    height: 35px;
    margin-bottom: 12px;
    overflow: hidden;
    padding: 2px;
    position: relative;
    top: 3px;
    margin-top: 136px;
    left: -9px;
}

2 - Procure por:

Código:

h4.titlebgblue

Troque a chave por:

Código:

h4.titlebgblue {
    background: #67c2ef;
    border-radius: 4px;
    color: #fff;
    height: 35px;
    margin-bottom: 12px;
    overflow: hidden;
    padding: 2px;
    position: relative;
    top: 3px;
    margin-top: 136px;
    right: -8px;
}

3 - Procure por:

Código:

span.estatist

Troque a chave por:

Código:

span.estatist {
    display: table;
    position: relative;
    text-align: left;
}

4 - Procure por:

Código:

p.last.smalltext

Troque a chave por:

Código:

p.last.smalltext {
    position: relative;
    right: -248px;
}

4 - Procure por:

Código:

span.estatist

Troque a chave por:

Código:

span.estatist {
    display: table;
    position: relative;
    text-align: left;
}

5 - Procure por:

Código:

h3.catbg

Troque a chave por:

Código:

h3.catbg {
    background: #34383c!important;
    border-radius: 5px;
    color: #F0F0F0;
    font-size: 1em;
    font-weight: 700;
    height: 28px;
    line-height: 27px;
    overflow: hidden;
    padding: 8px;
    position: relative;
    text-transform: uppercase;
    top: -16px;
    margin: -82px;
    margin-top: 9px;
    left: -75px;
}

Tá tudo certo, exceto os usuários online, que desbugaram, mas agora o texto está muito para a direita, se ver ele tá todo puxado pro lado.

Olá,

Troque a chave:

Código:

p.last.smalltext

Por:

Código:

p.last.smalltext {
    position: relative;
    right: -21px;
}

GSCode escreveu:Olá,

Troque a chave:

Código:

p.last.smalltext

Por:

Código:

p.last.smalltext {
    position: relative;
    right: -21px;
}

Uma coisa que notei agora e me recordei, se perceber, havia +3 informações da estatisticas, acho que ultimo registrado, essas coisas, eles bugaram pra cima e nem se quer eu tinha lembrado e percebido, uma print: (Essas barrinhas coloridas emcima da barra cinza da estatisticas, dá pra notar bem pouco pq estão bem atras)

Nem eu havia percebido isso.

@TheJokerGFR
Peço que pesquise por:

Código:

.innerframe

E troque a chave por:

Código:

.innerframe {
    background: #FFF;
    border: 1px solid #c5c5c5;
    height: 157px;
    margin-bottom: 5px;
    padding: 6px;
    position: relative;
    top: 6px;
}

Boa sorte com o Fórum!

Grato, ficou perfeito exatamente do jeito que era antes <3

@Resolvido