EFFETTO HOVER SUL MODULO PERSONA DI DIVI

In questo tutorial vediamo come creare un semplice e gradevole effetto di hover sul modulo perosna di Divi.

Come vedi nell'immagine potrai ottenere un effetto elegante e originale per poi personalizzare i colori e i contenuti come vorrai.

Dettagli tutorial:

  • Tempo di configurazione: 10 minuti
  • Difficoltà: bassa
  • Scrivi nei commenti per assistenza o domande

 

Unisciti alla Community

Ricevi gli aggiornamenti sulle risorse per Divi, WordPress, temi child, layout corsi online e tutto quello che ti può servire per potenziare la tua comunicazione nel web. Unisciti ora alla community!

In questo tutorial, andremo ad aggiungere un simpatico effetto grafico sul modulo Persona presente nel nostro tema wordpress DIVI.

Per prima cosa, creeremo una nuova pagina, in questa pagina inseriremo una riga a 3 sezioni (potete scegliere voi le sezioni).

Dopodichè, inseriremo il modulo persona compilando tutti i dati (Nome, descrizione, mestiere ecc).ricordando di creare una breve descrizione e di aggiungere una foto 🙂

Fatto questo andremo a inserire il seguente codice css:

(il codice css potrà essere inserito nella singola pagina attraverso le impostazioni pagina>avanzate>css personalizzato, oppure aggiunto di default in tutte le pagine attraverso le impostazioni generali di Divi presenti nella dashboard del nostro sito web, nella casella “aggiungi css personalizzato.”)

Dal codice estrapoliamo la seguente classe css: layered-effect e aggiungiamola nelle impostazioni persona>avanzate>ID & Classi CSS nella casella CLASSI CSS.
Fatto questo salviamo e cosi facendo avremo ottenuto il nostro effetto.
Bene! Da Marco e da imparaqui.it è tutto! Scrivete nei commenti se avete delle domande per questo tutorial o se ne desiderate di nuovi!

A presto e buon lavoro con Divi!

Marco Melis

Appassionato di Divi e di Elementor, vivo nel cuore della Sardegna e ho un simpatico cane che si chiama Lillo 🙂 Mi piace creare tutorial per imparaqui.it ogni volta che ho l'ispirazione!

Passa alla licenza lifetime di Divi!

Non pensare più al rinnovo annuale della tua licenza di Divi, passa alla licenza lifetime sfruttando lo sconto del 20% che ti mettiamo a disposizione!
logo-imparaqui

Unisciti alla Community!

Ricevi le risorse su Divi, Bloom, Monarch, e i tutorial e i lanci per i corsi online riservati alla community di imparaqui.it - incluso accesso al gruppo Facebook!

Risorse speciali

Consenso trattamento dati

Quali argomenti ti interessano?

Benvenuto/a nella community!

Unisciti alla community

Accedi alla più grande community italiana dedicata a chi usa il tema WordPress Divi di Elegant Themes!

Risorse speciali

Usi il tema WordPress Divi?

Consenso trattamento dati

Quali argomenti ti interessano?

Perfetto, controlla la tua casella di posta!