Propriété box-shadow dans Google Maps

Ombres désagréables dans la cartographie de Google Maps

hubertweb

hubertweb

Messages : 2
Inscrit le : 19/10/2013 16:07

Bonjour,
J'utilise la propriété box-shadow afin d'ajouter une ombre sur toutes les images de mon site.
Le problème, c'est que dans l'agenda, les images composant la carte de Google Maps se retrouvent aussi avec une ombre.
Quelqu'un a-t-il une solution pour que cette propriété box-shadox ne s'applique pas aux images de Google Maps ?
Merci d'avance pour votre aide.

david-hermans

david-hermans

Messages : 231
Inscrit le : 26/05/2016

Bonjour,

Par exemple, mettre un code séparé pour img, sinon tout ce qui est en img sera avec un ombrage y compris les images du Captcha.
Puis cliquer sur chaque image, ouvrir l’icône image et à Avancé coller à class : img-box

.img-box {
.......................
.......................
.......................
}

hubertweb

hubertweb

Messages : 2
Inscrit le : 19/10/2013

Bonjour,
Merci pour la réponse mais mon site contient 2165 images à ce jour, Je ne vous explique pas le boulot !
Je pensais qu'en ajoutant dans le'apparence le css du div de google maps qui est en l’occurrence id="map.canvas" pouvait se présenter ainsi :
#map-canvas {
img {
box-shadow: none;
}}
ou du fait que le div a aussi une classe class="js-maps"
.js-maps {
img {
box-shadow: none;
}}
Mais aucune des 2 fonctions ne donne le résultat escompté.
Il ne doit pourtant pas manquer grand chose...

thomas

thomas

Messages : 966
Inscrit le : 20/09/2012

Bonjour,

Je vous invite à placer cette règle CSS :

#map-canvas img {
box-shadow: none !important;
}


Cela retire bien l'effet d'ombre sur les cartes via un inspecteur de code.

Edité le 18/05/2017 16:55 par thomas

Thomas, support e-monsite