Come modificare la distanza fra titolo e contenuto dei campi profilo sotto l'avatar?

Uno dei problemi ricorrenti è la modifica degli stili e in particolar modo del postbit o postbit_legacy. Mostriamo in questo esempio come cambiare la distanza fra il titolo e il contenuto dei campi profilo, spesso messo male per via della differenza fra le traduzioni, come in questo esempio.


Con FireBug troviamo la zona interessata:


e sulla destra vediamo le prime indicazioni al riguardo dello stile del blocco interessato:


Proviamo quindi a cambiare qualcosa al volo per comprendere dove mettere mano. C'è margin, dove 5px indica la distanza verticale fra l'avatar e il testo:


Per chi li avessero sempre cercato, ecco i due punti:


margin-right indica la distanza fra i due punti e il testo, esattamente la zona dove vogliamo operare:


Il campo sottostante, min-width, indica la distanza minima dal bordo sinistro, e quindi variando questo valore, si ottiene l'allineamento orizzontale "una parola sotto l'altra". Quuando la larghezza del blocco informazioni ce lo permette, possiamo allargarlo im modo da ottenere un allineamento più gradevole. In questo caso l'abbiamo allargato troppo:


e otteniamo questo risultato:


Se lo impostiamo a 0 e il margine a 4px:


il risultato è il seguente:


A questo punto andiamo a cercare il foglio stile per modificare queste informazioni:


Dopo le modifiche lo stile si presenta così:


Salviamo ed è fatto!

In questo caso non ci è stato possibile modificare delle variabili di stile e di conseguenza è necessario farci due note per ricordarci di controllare le modifiche dopo gli aggiornamenti di vbulletin.