Advanced Gutenberg : CSS personalizzato

 

Il Advanced Gutenberg La configurazione consente inoltre di definire frammenti CSS personalizzati che possono essere utilizzati nelle opzioni del tag editor e HTML. Per usare stili personalizzati, vai a  Stili personalizzati pagina da Advanced Gutenbergmenu di sinistra.

Per creare un nuovo stile, fai clic su "Aggiungi nuova classe" pulsante in fondo all'elenco degli stili. Puoi modificare il tuo CSS direttamente nel campo CSS personalizzato.

 

custom-stili-Gutenberg

 

Tutte le modifiche apportate verranno visualizzate nella parte sinistra della pagina. Verranno applicati alla stringa con "Testo di esempio". Il testo sopra e sotto la stringa mostra come appariranno i tuoi stili tra il resto degli elementi. Dopo aver modificato il tuo stile personalizzato, salvalo utilizzando il  "Salva stili" pulsante.


Per applicare uno stile all'elemento nell'editor è necessario selezionare l'elemento e scegliere uno stile dall'elenco a discesa denominato "Stili personalizzati". Per ripristinare lo stile predefinito ed eliminare tutti gli stili personalizzati, selezionare il  "Paragrafo" opzione.

 

custom-css-style-block