Centrare titolo categorie/Forum

Nonostante abbia provato ad utilizzare nel Pannello d'Amministrazione codici come :

Codice:

<center>testo</center>

oppure

Codice:

<div align="center">testo</div>

non sono riuscito a centrare i titoli delle categorie / Forum ( inteso come scritta Forum dell'immagine che non so nemmeno se sia raggiungibile tramite PdA, non come titolo del forum di una categoria che invece si centrano ) :



E' a causa del CSS personalizzato?

Spoiler:

o della versione Invision?.

C'è soluzione intervenendo comunque sul CSS/template?

Ciao nuovamente @Arkan

tutto dipende da quale parte volevi modificare


Se volevi centrare la scritta FUORI CITTA' allora i tag html che avevi inserito andavano benissimo
Se invece tu volevi centrare la scritta Forum allora quella è parte della struttura del forum, infatti non puoi modificarla come testo.

Se vuoi centrarla puoi aggiungere, ad esempio, un css di questo tipo:

Codice:

table.ipbtable th.forum {
text-align: center!important;
width: 60%;
}

fammi sapere

Volevo centrare entrambi ( Forum più che altro per prova, mi interessava maggiormente centrare la scritta : Argomenti all'interno dei vari forum ed ho visto che modificando il tuo codice da th.forum a th.forum2 lo fa quindi questa parte è risolta, seppur indirettamente ).

Per i titoli delle categorie, doveva essere la parte più semplice aggiungedo i tag HTML durante la creazione della categoria stessa all'interno del Pannello d'Amministrazione ma non funzionano, i tag rimangono e non ricevo nessun errore ma sul forum i titoli restano a sinistra.

Penso si debba intervenire sul CSS personalizzato.

Ho fatto qualche prova, anche dietro suggerimento di the crow, con codici del tipo :

Codice:

.maintitle.floated div.toggle, .maintitle.floated h1, .maintitle.floated h2, .maintitle.floated h3 {
float: center;
}

o

Codice:

text-align : center

ma per adesso non sortiscono nessun effetto.

EDIT

Risolto con questo codice di the crow che ringrazio :

Codice:

.maintitle.floated div.toggle, .maintitle.floated h1, .maintitle.floated h2, .maintitle.floated h3 {width:300px; margin-left:250px;}

inserendo quindi i pixel manualmente e modificando il valore a proprio piacimento.

Grazie per aver condiviso il codice che hai usato per risolvere

Buona serata!