Le immagini WordPress non si vedono su Safari? Ecco la soluzione

di Andrea Di Rocco Pubblicato il 17 Novembre, 2015

Le immagini WordPress non si vedono su Safari

Qualche giorno fa stavo lavorando su un sito ed ho notato un problema alquanto strano: le immagini WordPress non si vedono su Safari.

Fortunatamente, facendo qualche ricerca online sono riuscita a definire meglio il problema e a trovarne la soluzione:

Il problema: quando le immagini non si vedono su Safari

Questo problema si manifesta solo sui PC che usano il browser Safari 9 su sistema operativo Mac El Capitan.

Inoltre, non riguarda tutti i siti WordPress; piuttosto, si presenta solo per alcuni temi (so per certo che riguarda i temi sviluppati da Dream-Theme, come the7 e Armada. Questi sono ottimi temi, quindi, confido che a breve sarà rilasciato un aggiornamento per risolvere questo errore in modo permanente).

Se hai notato questo problema sul tuo sito, adotta la soluzione che trovi di seguito.

La soluzione

Per rendere le immagini del tuo sito visibili anche su Safari 9, ti sarà sufficiente aggiungere qualche riga di css nel file style.css del tuo sito.

Nota! Se hai creato un tema child, puoi inserire questi codici direttamente in style.css e “dimenticartene”. Se invece non hai creato un tema child puoi inserire i codici nel campo custom css del tuo tema (se c’è), OPPURE usare un plugin come Simple Custom CSS, OPPURE aggiungere i codici al file style.css (dovrai però prenderne nota e ricordarti di tornare ad aggiungerli ogni volta che fai un aggiornamento del tema).

Ecco i codici:

html:not(.mobile-true) #main img:not(.animate-element, .ls-s-1),
html:not(.mobile-true) #header img,
html:not(.mobile-true) #bottom-bar img {
opacity: 1 !important; 
}

Salva le tue modifiche, ed hai finito!

Tutte le immagini del tuo sito saranno di nuovo visibili anche su Safari 9. Semplice, vero?

Conclusione

Se le immagini WordPress non si vedono su Safari ma la soluzione descritta qui sopra non risolve il problema, ti consiglio per prima cosa di contattare lo sviluppatore del tuo tema. Ti invito anche a lasciare un commento qui sotto, facendoci sapere se sei riuscito a risolvere la situazione, magari usando i codici elencati qui sopra oppure con un’altra soluzione.

Al prossimo tutorial.

Guide correlate:

Immagine di Andrea Di Rocco autore articoli SOS WP
Andrea Di Rocco Fondatore di SOS WP™
La mia passione per WordPress mi ha portato negli ultimi 10 anni a voler aiutare sempre più persone a creare blog e siti web in WordPress in completa autonomia. Spero che troverai utili le oltre 700 guide su WordPress e sulla SEO che ho pubblicato su questo blog. Se ne hai voglia ti invito a leggere la mia storia, cliccando sul pulsante qui sotto.
11Commenti
Lascia un commento
  1. Alessio

    Salve ho anche io lo stesso problema ma ho notato che nella stringa c’è un errore precisamente alla linea 1.
    Il codice mi ha funzionato per qualche giorno ma ora sono punto a capo.

    1. SOS WP Team

      Ciao Alessio, che tipo di errore hai notato?

  2. Riccardo

    A me sempre con Safari sul Mac accade che le immagini dentro gli articoli del blog vengano impaginate male, andando a impaginare il testo in maniera indesiderata oppure quasi sovrapponendosi.
    Il tema che uso è Hueman e il codice non è mai stato toccato.
    Come posso risolvere?

    1. Andrea Di Rocco

      Il tema è aggiornato? Usi un tema child?

  3. Leo

    Molto utile grazie. Aggiungendo i codici ho risolto tempestivamente il problema!!

    1. Andrea Di Rocco

      Ottimo! Grazie del commento.

  4. Francesca

    Ciao Chiara! Fantastica, grazie davvero!

  5. Enrico

    A me invece non è cambiato nulla… 🙁

    1. Andrea Di Rocco

      Ciao Enrico,
      hai pulito la cache del browser? Un saluto!

  6. Silvia

    Anche io avevo lo stesso problema ma seguendo le informazioni e i consigli riportati in questo articolo sono riuscita a risolvere il problema! Very Good

    1. Chiara Buzzi

      Ciao Silvia,
      Mi fa molto piacere che questi consigli ti siano stati utili! Se hai dubbi o domande non esitare a scriverci 🙂
      Chiara

Lascia un commento

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