Utilizzando DIVI Builder può capitare di voler impostare un elemento al centro del contenitore che lo contiene, sia orizzontalmente che verticalmente. Per la centratura orizzontale, lo stesso DIVI prevede nelle opzioni di Design un’impostazione apposita, inserita nel tab “Dimensionamento“.
Per effettuare la centratura verticale sarà necessario utilizzare del codice CSS personalizzato, da inserire nelle opzioni generali del proprio tema, o in quelle della singola pagina e sul portale Divi Soup è disponibile un’ottima soluzione, facilmente replicabile.
Il codice da utilizzare è il seguente:
.ds-vertical-align {
display : flessibile ;
direzione flessibile : colonna ;
giustifica-contenuto : centro ;
}
La classe CSS ds-vertical-align dovrà essere inserita come classe personalizzata nelle opzioni del modulo che si intende allineare. In alcuni casi di utilizzo è necessario abilitare la grandezza uguale delle colonne nelle impostazioni della riga che contiene i nostri moduli e aggiungere la classe personalizzata ds-vertical-align nelle singole colonne.