Elementor offre molte possibilità di personalizzazione, quindi per prima cosa controlla lì, ma a volte per modifiche molto specifiche potrebbe essere necessario del CSS personalizzato o persino dell'HTML.

Il modo più semplice per modificare il CSS è tramite il Personalizzatore di WordPress integrato: accedi come amministratore, apri la pagina desiderata e clicca su Personalizza, come mostrato nello screenshot.

Quindi fai clic su CSS aggiuntivo:

Ora puoi inserire codice CSS personalizzato:

Esempio di come sostituire l'icona a forma di cuore con un'altra icona nell'estensione Preferiti.

Per fare ciò è necessaria una certa conoscenza del CSS, quindi ad esempio userò la console di Firefox, ma puoi anche usare la console per sviluppatori di Chrome per rilevare del CSS, ad esempio:

Per poter rilevare specifici CSS personalizzati, a volte potrebbe essere necessario apportare qualche piccola modifica al CSS:

.wdk-favorites-actions .fa.fa-heart-o:before { content: "\f004"; // icona non selezionata } .wdk-favorites-actions .fa-heart::before { content: "\f004"; // icona selezionata }

I codici delle icone possono essere trovati su questo sito: https://fontawesome.com/search

Allo stesso modo puoi modificare qualsiasi altro CSS

Se riscontri difficoltà, non esitare a contattare il nostro team di supporto.

Esempio di modifica del CSS del modulo di ricerca

Abbiamo alcune classi predefinite che puoi utilizzare, quindi usale pure; inoltre, Elementor offre molte opzioni, se ancora non bastassero potrebbe essere necessario utilizzare il CSS personalizzato.

Classi CSS standard: