Vai al contenuto principale

Come aggiungere un'ombra esterna in Elementor

Divi: il tema WordPress più semplice da usare

Divi: il miglior tema WordPress di tutti i tempi!

più Download di 901.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62. [Consigliato]

Elementor è un ottimo strumento per creare un sito Web con WordPress. Viene fornito con un editor visivo che offre un'esperienza di modifica dal vivo. Ci sono molti elementi di design offerti da Elementor (chiamati widget) che puoi usare sulle tue pagine. Puoi decorare ogni elemento per renderlo più convincente. Puoi aggiungere effetti, impostare bordi, impostare dimensioni, ecc. Elementor include anche un'opzione di stile per aggiungere ombra a un elemento.

In questo articolo, ti mostreremo come utilizzare questa funzione per aggiungere un'ombra esterna a un elemento.

Leggi anche: Come installare Elementor su WordPress

L'opzione di stile per aggiungere un'ombra stessa è disponibile su entrambe le versioni di Elementor. Tuttavia, non tutti i widget hanno questa opzione di stile. Il widget Modulo è uno dei widget che non viene fornito con questa opzione di stile.

Se vuoi aggiungere un'ombra a un widget che non ha l'opzione per aggiungere un'ombra, puoi sventarlo aggiungendo un'ombra a una colonna appartenente al widget associato.

Voici un exemple:

Aggiungere un'ombra a un widget pulsante in Elementor

Innanzitutto, aggiungi un widget alla casella di modifica come al solito. Puoi anche modificare un widget esistente se sei già nella casella di modifica.

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare facilmente qualsiasi design di sito Web con un aspetto professionale. Smetti di pagare caro per quello che puoi fare da solo. [Free]

Quindi vai alla scheda Stile dal pannello delle impostazioni e apri l'opzione L'ombra della scatola.

aggiungi ombra esterna

Imposta il colore, la posizione verticale, la posizione orizzontale, il livello di sfocatura e il livello di diffusione. Nell'opzione Posizione, è possibile impostare la posizione dell'ombra (contorno/inserimento).

Vedi anche: Come aprire un video in una lightbox con Elementor

Per creare un'ombra esterna, puoi impostare il valore verticale su 1 o più. Il valore orizzontale determinerà la posizione orizzontale dell'ombra. Se imposti la posizione orizzontale su -1 o meno, l'ombra sarà a sinistra. Al contrario, se imposti la posizione orizzontale su 1 o più, l'ombra sarà a destra. Per rendere l'ombra più luminosa, puoi abbassare il livello di sfocatura.

Ecco. Puoi pubblicare o aggiornare la tua pagina dopo aver finito di modificarla.

Ottieni Elementor Pro ora!

Scopri anche alcuni plugin WordPress premium  

Puoi utilizzare altri plugin di WordPress per dare un aspetto moderno e ottimizzare la presa del tuo blog o sito Web.

Stai cercando i migliori temi e plugin per WordPress?

Scarica i migliori plugin e temi WordPress su Envato e crea facilmente il tuo sito web. Già più di 49.720.000 download. [ESCLUSIVO]

Ti offriamo qui alcuni plugin WordPress premium che ti aiuteranno a farlo.

1. Campo di valutazione di gravità Campo di valutazione FieldStar

Aggiungi facilmente un modulo di valutazione a stelle (o pollice in alto, cuori, volti sorridenti, ecc.) Con il plug-in Gravity Forms di WordPress.I plugin wordpress del campo di valutazione delle stelle di Gravity forms raccolgono le recensioni degli utenti

Scegli tra 14 diversi stili di valutazione e imposta le opzioni di configurazione per il tuo campo di valutazione. Quindi, se stai già utilizzando il plugin WordPress Gravity Forms, dovrai considerare l'utilizzo di Gravity Forms Star Rating FieldStar Rating Field.

Vedi anche il nostro Plugin 10 WordPress per nascondere contenuti premium sul tuo blog

Le sue caratteristiche includono: personalizzazione e visualizzazione della nota corrente al passaggio del mouse, visualizzazione della guida su tooltip e altro.

Download | Demo | Web hosting

2. Emoji algori

Il plugin WordPress Algori Emojis ti consente di aggiungere facilmente bellissimi emoji al tuo sito web. Dai alle tue parole un po 'di personalità e corteggia i visitatori del tuo sito web con migliaia di fantastici emoji.Emoji algori per wordpress gutenberg

Se non sei molto bravo con le emoji e non hai molta conoscenza di ciò che rappresenta ogni emoji, allora Algori Emojis è il plug-in perfetto per te perché ti insegnerà esattamente cosa significa ogni emoji.

Scopri il leggi 5 sulla proprietà intellettuale che ogni blogger dovrebbe conoscere

Questo plugin emoji ti mostra emoticon, adesivi, emoticon, nonché i loro nomi e definizioni, in modo che tu sappia sempre cosa aggiungi alle tue parole per esprimere meglio le tue emozioni e idee.

Download | Demo | Web hosting

3. Download automatico

Il download automatico è un plug-in di WordPress che ti consente di allegare qualsiasi file ai tuoi post (inclusi i tipi personalizzati) e alle pagine. Download automatico

Una volta che i tuoi visitatori aprono questi post / pagine nel loro browser, il file verrà scaricato automaticamente. Questa è una funzionalità davvero interessante per tutti i siti Web di download di contenuti digitali.

Leggi anche il nostro Plugin 8 WordPress per creare un mega menu sul tuo blog

Le sue caratteristiche principali sono: la possibilità di scaricare contenuti non appena si apre la pagina o l'articolo, la configurazione di un ritardo prima dell'inizio del download, l'integrazione di una libreria multimediale, il supporto per tipi di post personalizzati, la supporto multilingue e altri

Scarica | Demo | Web hosting

Risorse raccomandate

Scopri altre risorse consigliate per aiutarti a costruire e gestire il tuo sito web.

Crea facilmente il tuo negozio online

Scarica gratuitamente WooCommerce, i migliori plug-in di e-commerce per vendere i tuoi prodotti fisici e digitali su WordPress. [Consigliato]

Conclusione

Ecco ! Questo è tutto per questo tutorial. Speriamo che ti aiuti ad aggiungere un'ombra esterna in Elementor. Non esitare a condividi con i tuoi amici sui tuoi social network preferiti

Tuttavia, sarai anche in grado di consultare il nostro risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress.

Se hai suggerimenti o commenti, lasciali nella nostra sezione commentaires.

... 

Questo articolo contiene i commenti 0

Lascia un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre indesiderati. Ulteriori informazioni su come vengono utilizzati i dati dei commenti.

Torna in alto
0 azioni
quota
Tweet
Enregistrer