Organizar texto de categorias

[cocas20]

Detalhes da questão

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

Descrição

boas gente
gostava de centrar o texto das categorias vou deixar o print do erro que está.
vlw

[Ketholy]

Olá 

Veja esse tópico: https://ajuda.forumeiros.com/t98230-centralizar-descricao

Resulta?

[cocas20]

Nao funcionou , ainda ficou mais torto do que já esta...

[Ketholy]

Nao funcionou , ainda ficou mais torto do que já esta...

Vá em:

Painel de controle>Visualização>Imagens e cores>Cores>Folha de estilo CSS

Adicione esse código:

Código:

body {
text-align:center;
}

Caso não funcione retire o repassado acima e tente esse:

Código:

#ipbwrapper {
        width: 70% !important;
}

Obs: Caso nenhum dos dois funcione retire o mesmo e aplique esse:

Código:

.ipbtable.index-box .forum-desc img {
        margin-top: -100px;
        margin-left: -40px;
}
.ipbtable.index-box .forum-desc {
        margin-top: 100px;
}
table.ipbtable td.icon {
        height: 130px !important;
}
table.ipbtable .forum-name h3 {
        margin-left: 230px !important;
}

Resulta?

[cocas20]

Não resultou =/

Só quero que mude mesmo a descrição das categorias onde esta assinalado.

[Ketholy]

Não resultou =/

Só quero que mude mesmo a descrição das categorias onde esta assinalado.

A folha de estilo CSS do senhor esta dessa forma?

Obs: Caso não esteja, certifique-se de efetua as modificações. Caso contrario os códigos repassados anteriormente não terão efeito algum.

[cocas20]

Sim está com essa configuração...

[Ketholy]

Sim está com essa configuração...

Retire os códigos repassados anteriormente e tente esse:

Código:

.topiclist .header {
text-align: center;
}

[cocas20]

Veja como ficou .... Eu tambem tou tentando descobrir o problema e nao encontro.

[Luiz]

Olá,

Por favor, remova todos os códigos que foram colocado aqui para que eu possa tentar elaborar um novo.

Ficarei no aguardo. o/

[cocas20]

Ja removi os codigos esteja a vontade amigo

[Luiz]

Qual o código que você está usando nas categorias para criar o efeito?

[cocas20]

Na folha de css so tenho isto :

FOLHA CSS:

[Luiz]

Perdão pela minha falta de especificidade. Eu estava me referindo ao código que você coloca na descrição das categorias.

[cocas20]

Eu nao tou usando codigos nos Templates , tou usando a versao ModernBB

[Luiz]

O código que me refiro está aqui:
-> http://prntscr.com/h5twv3

Painel de Controle -> Geral -> Categorias & Fóruns.

Copie o código presente na descrição do fórum.

[cocas20]

So tenho isto
Edit : encontrei

CODIGO :

[Luiz]

Clique na engrenagem:
-> http://prntscr.com/h5tynm

De Regras e Staff e Anúncios.
Depois copie os códigos presentes em "descrição" e cole-os aqui.

[cocas20]

Codigo:

[Luiz]

Em:
Painel de Controle -> Visualização -> Cores -> Folha de Estilo CSS.

Adicione o código a seguir ao final:

Código:

ul.forums dl.icon dd.dterm > div {
  display: flex !important;
}

h3.hierarchy ~ span {
  display: inline-flex;
  flex-direction: column;
  margin-right: 20px;
}

h3.hierarchy ~ span:last-of-type {
  margin-right: 0;
}

h3.hierarchy ~ span h3 a {
  display: flex;
  justify-content: center;
  align-items: center;
}

h3.hierarchy ~ span h3 a img {
  margin-right: 5px;
}

h3.hierarchy ~ span #description {
  display: block;
  text-align: center;
}

h3.hierarchy ~ span br {
  display: none;
}

É o melhor resultado que poderemos chegar:
-> http://prntscr.com/h5u41v

o/

[cocas20]

Veja como ficou

[cocas20]

UP.

[Kyo Panda]

Troque o HTML por esse:

Código:

<div style="float: left; width: 50%;">
   <h3 class="hierarchy">
     <a href="http://cyber-designer.forumeiros.com/f1-regras-e-staff" class="forumtitle"><img src="http://i.imgur.com/bEQZJ2U.png" />Regras e Staff</a>
   </h3>
   <div class="description">
     Atenção as regras do fórum, conheça a equipe.
   </div>
</div>
<div style="float: left; width: 50%;">
   <h3 class="hierarchy">
      <a href="http://cyber-designer.forumeiros.com/f3-anuncios" class="forumtitle"><img src="http://i.imgur.com/MhiV6ab.png" />Anúncios</a>
   </h3>
   <div class="description">
      Mantenha-se atualizado com os anúncios.
   </div>
</div>

[cocas20]

Obrigado amigo tive que fazer umas alterações para dar perfeito mas ajudou muito
pode fechar

[Kyo Panda]

o/

---

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas.