Título do tópico sobre o ícone do tópico

Detalhes da questão

Endereço do fórum: https://ninjasagapt.forumeiros.com/f38-zona-central
Versão do fórum: phpBB3

Descrição

Boas,

Tenho tido este problema já há algum tempo e nunca soube como o resolver. Irei colocar uma imagem para demonstrar o problema e depois tentar descrever.



O título dos tópicos está encostado à esquerda e acaba por tapar/sobrepor-se ao ícone do tópico. É possível fazer alguma coisa para evitar esta situação?

Olá,

Primeiro de tudo, bem-vindo ao FdF!

Era importante que colocasse um fórum ou categoria com visibilidade para visitantes para podermos dar suporte técnico. Neste momento, o fórum está "fechado" registos e efetivamente necessitamos e testar o código direto no fórum.

Hancki

Hancki escreveu:Olá,

Primeiro de tudo, bem-vindo ao FdF!  

Era importante que colocasse um fórum ou categoria com visibilidade para visitantes para podermos dar suporte técnico. Neste momento, o fórum está "fechado" registos e efetivamente necessitamos e testar o código direto no fórum.

Hancki

Olá Hancki!

O fórum está em construção e não será aberto por enquanto.

A imagem que forneci demonstra o problema bastante bem - o título dos tópicos ficam em cima do ícone dos tópicos, o que fica feio estéticamente. Se for necessário fornecer mais imagens eu forneço.

Obrigado pela resposta de qualquer das formas!

Olá @Truth-Ninja Saga,

O fórum está em construção e não será aberto por enquanto

Para uma questão ficar "Em curso" é necessário que o fórum não esteja em manutenção, caso tenha dúvidas leia o nosso regulamento.

Adicione na sua folha de estilo o seguinte código:

Código:

.topics .dterm {
  margin-left: 3rem;
}

Atenciosamente,
pedxz.

Olá! Seja bem-vindo(a) ao suporte Forumeiros! Como acabou de inscrever-se, aqui estão alguns pontos importantes a saber: As nossas regras: gerais, do setor de suporte e das criações gráficas; A nossa lista de tutoriais e de perguntas e respostas frequentes; A nossa equipa voluntária; E a função de procura.

pedxz escreveu:Olá @Truth-Ninja Saga,

O fórum está em construção e não será aberto por enquanto

Para uma questão ficar "Em curso" é necessário que o fórum não esteja em manutenção, caso tenha dúvidas leia o nosso regulamento.

Adicione na sua folha de estilo o seguinte código:

Código:

.topics .dterm {
  margin-left: 3rem;
}

Atenciosamente,
pedxz.

Olá! Seja bem-vindo(a) ao suporte Forumeiros! Como acabou de inscrever-se, aqui estão alguns pontos importantes a saber: As nossas regras: gerais, do setor de suporte e das criações gráficas; A nossa lista de tutoriais e de perguntas e respostas frequentes; A nossa equipa voluntária; E a função de procura.

Muito, muito obrigado, com esse código consegui resolver de forma a ficar exactamente como pretendia. Foi extremamente valiosa a sua ajuda.

Muito grato!

EDIT: Não sei se me permite uma questão extra, mas agora sabe "centrar" o título? É que eu aumentei a margem superior também, gostaria de saber se é possível colocar o texto do título no centro.

Truth-Ninja Saga escreveu:mas agora sabe "centrar" o título?

Adicionei na sua folha de estilo:

Código:

.topics .topic-title {
  display: block;
  text-align: center;
}

Perfeito, muito obrigado! Por mim podem fechar, pergunta resolvida!