Se sei qualcosa come me, hai molte idee per il tuo sito web che vuoi vedere prendere vita. E sebbene Elementator semplifica la creazione di design unici con caratteristiche di trascinamento e elementi pre-costruiti, a volte nulla può sostituire la potenza del CSS puro. In questo articolo, tratteremo come aggiungere CSS personalizzati in Element in modo da poter portare ulteriormente il design del tuo sito Web!
Contenuto
Interruttore3 modi popolari per aggiungere CSS personalizzati in Element
Esistono vari modi per aggiungere CSS personalizzati in Element. Diamo un'occhiata ai nostri primi 3 modi per farlo.
- Usa il personalizzatore WordPress
- Usa un plug -in CSS
- Utilizzando il widget HTML
Usa il personalizzatore WordPress.
Per aggiungere il codice CSS personalizzato in Element, seguire questi passaggi:
- Vai all'aspetto> personalizza
- Nel personalizzatore di WordPress, fare clic su CSS aggiuntivo.
- La sezione CSS aggiuntiva si aprirà. Puoi aggiungere il codice qui incollandolo nella casella di testo o facendo clic sul pulsante Aggiungi CSS personalizzato per navigare per il tuo file dal tuo computer.
Usa un plug -in CSS
Esistono vari plugin disponibili sul mercato, come Simple CSS, CSS CSS Pro e CSS Hero, che ti consentono di aggiungere CSS personalizzato a Element.
Per iniziare, vai su CSS e JS personalizzato> Aggiungi CSS personalizzato e fai clic su Aggiungi codice CSS.
Un editor di base CSS apparirà a sinistra. Puoi scegliere di caricare il codice CSS internamente o in un foglio di stile esterno utilizzando le opzioni di configurazione a destra. Inoltre, puoi scegliere se il codice appartiene all'intestazione o al piè di pagina:
Una volta che hai finito di modificare il codice CSS, premi il pulsante Publish
Nota: passare a una vista front-end per vedere il codice in azione.
Utilizzando il widget HTML
È possibile utilizzare un widget HTML per aggiungere CSS personalizzato a Element. Tutto quello che devi fare per questa opzione è trascinare e rilasciare il widget HTML e aggiungere il codice CSS all'interno di un tag di stile.
CSS personalizzato è un modo per aggiungere codice personalizzato al tuo sito Web. Può essere usato per molte cose, dal cambiamento dell'aspetto del tuo sito Web all'aggiunta di funzionalità extra.
Ora che sai come aggiungere CSS personalizzato, puoi usarlo sui tuoi siti Web seguendo questi passaggi:
- Apri la finestra dell'editor di Element e fai clic sull'icona in alto a sinistra "+"
- Fai clic su "Codice personalizzato" e poi incolla in questo pezzo di codice: `.Element-Custom-CSS {Display: None;}`. Puoi trovarlo in Impostazioni> CSS personalizzato o aspetto> Opzioni tema> CSS personalizzata (a seconda della versione di WordPress che hai).
Conclusione
Ora che sai come aggiungere CSS personalizzato, puoi sfruttare la flessibilità di Elementor. La prossima volta che qualcosa non si comporta come previsto, prova ad aggiungere un po 'di codice CSS invece di risolverlo con un plug -in o una modifica del tema, prova ad aggiungere un po' di codice CSS!