Icone Elementor (FontAwesome) scomparse – [SOLUZIONE]

  • di

Icone Elementor non compaiono su desktop e mobile

SEMPLICI PASSI PER RISOLVERE IL PROBLEMA

IL PROBLEMA

Stai usando le icone del plugin Elementor (come quelle che vedi in alto), ma, una volta pubblicato il tuo sito (non importa se su desktop o dispositivo mobile), quello che vedi è semplicemente una X.

Non preoccuparti, è successo anche a me esattamente su questo sito e ti mostrerò come risolvere il problema.

Segui questi semplici passi e riavrai le tue icone perfettamente funzionanti.

1 - Recupera i dati del tuo account FTP

Entra nel portale del tuo servizio di hosting e cerca la voce Account FTP.

Nel mio caso, compare così come in figura.

I dati di cui avrai bisogno sono:

  1.  FTP IP – ftp://xxx.xxx.xxx.xxx
  2. FTP USERNAME – xxxxxxxxxx
  3. FTP PORT – xxxxx
  4. PASSWORD 

2 - Entra nel tuo sito da Filezilla

Filezilla è un software libero che ti permette di trasferire dati sul tuo sito tramite FTP.

Apri Filezilla, inserisci i dati recuperati nel punto precedente nei campi appositi e clicca “Connessione rapida”.

3 - Modifica il file .htaccess

Una volta connesso, naviga nella cartella “public_html” e apri il file “.htaccess“.

Aggiungi il seguente codice all’interno del file:

<FilesMatch “\.(ttf|otf|eot|woff)$”>
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin “*”
</IfModule>
</FilesMatch>

Subito dopo le righe commentate con #.

Dovrebbe sembrare come di seguito.

Salva il file, chiudi Filezilla e goditi il tuo sito e le sue icone!

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *