Centralização do fórum

[Four]

Detalhes da questão

Endereço do fórum: http://hogwartsreturns.forumeiros.com
Versão do fórum: phpBB2

Descrição

Olá! Gostaria de centralizar os fóruns do meu fórum, de modo que ele e seu code ficasse mais no centro enquanto as partes "tópicos", "mensagens" e "última mensagem" fossem mais para o canto.

[Luiz]

Olá,

Adicione ao final de sua CSS:

Código:

dd.posts, dd.topics {
  width: 5% !important;
}

ul.topiclist dd.dterm {
  width: 70%!important;
}

.fa-forumdesc {
  max-width: 550px;
}

É o melhor que podemos fazer, dado que caso diminuíssemos mais, a visualização deles ficaria prejudicada.

o/

[Four]

Bugou, @Luiz~. https://i.imgur.com/c0GfNLt.png

[Luiz]

Foi o que disse.
O meu monitor provavelmente é maior que o seu, logo, o que eu faço difere do resultado de seu monitor, e de todos os outros usuários.

Por isso recomendo deixar no padrão, para que possamos evitar este problema.
Como deseja prosseguir?

o/

[Four]

O meu monitor é de 14 polegadas, deve ser isso.

Eu só queria diminuir o "tópicos" e "mensagens" pro "última mensagem" tomar o espaço que os dois repartimentos tomaria para ele ficar do tamanho normal, de modo que o code que cê me forneceu vá um pouco mais para o centro, longe da margem.

[Luiz]

O problema é que esse tamanho já fora colocado justamente para que se adapte de acordo com o tamanho do monitor (ou da tela).

Caso diminuíssemos, a visualização em mobile seria muito prejudicada.
A senhora deseja prosseguir na mesma?

o/

[Four]

Só a versão mobile mesmo? Ou quando ativado a versão do desktop pelo celular ficará bugado também?

[Luiz]

Na verdade é a versão do desktop no mobile que terá o problema, juntamente com monitores e devices com telas menores.

o/

[Four]

Vou prosseguir, @Luiz~. Qualquer coisa eu reverto tudo.

[Luiz]

Creio que seja o melhor que se dê para fazer.
Troque o último CSS que te passei por este:

Código:

dd.lastpost {
  width: 20%!important;
}

dd.posts, dd.topics {
  width: 4%!important;
}

ul.topiclist dd.dterm {
  width: 68%!important;
}

Não se esqueça de colocá-lo ao final de sua CSS.

o/

[Luiz]

Questão abandonada pelo autor, mas considerada resolvida por ter solução para o problema. Tópico marcado como Resolvido e movido para Questões resolvidas.