Google Maps e WordPress Twenty Eleven

Ho riscontrato un’anomalia nella visualizzazione delle Google Maps nel tema Twenty Eleven di WordPress. Il problema era stato già segnalato in WP3.2, ma permane in WP3.3.
Cosa succede? A causa di un’istruzione del foglio di stile che impone una larghezza massima alle immagini contenute nei post, nei commenti e nei widget, le tessere (o tiles) delle mappe vengono ridimensionate.
L’effetto è che queste non combaciano più le une alle altre, generando una mappa come quella che si vede in figura.

L’istruzione incriminata è la seguente:

.entry-content img,
.comment-content img,
.widget img {
  max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
}

Per eliminare il problema bisognerà annullare max-width utilizzando un selettore più specifico. Se, ad esempio, la vostra mappa è in una div#canvas, aggiungete nel foglio di stile del vostro child theme (scelta consigliata) la seguente istruzione:

div#canvas .widget img{ max-width:none; }

la mappa tornerà ad essere visualizzata correttamente.

Annunci