Boodstrap et ombre sur Carousel

Résolu
CHCST Messages postés 3 Date d'inscription   Statut Membre Dernière intervention   -  
codeurh24 Messages postés 760 Date d'inscription   Statut Membre Dernière intervention   -
Bonsoir a tous,
Sur l'exemple de page Carousel de "getbootstrap.com", je n'arrive pas à supprimer les ombres se trouvant à droite et à gauche du slider. J'ai tenté de voir si cela provenait du fichier CSS (non compressé) ou du fichier JS (non compressé). Rien trouvé :( Le reste est illisible pour moi car compressé :/ Quelqu'un aurait-il une idée de comment supprimer ces "shadow.opacité(?) ?
Merci pour votre aide,
CHSCT

4 réponses

codeurh24 Messages postés 760 Date d'inscription   Statut Membre Dernière intervention   123
 
Bonjour, ce n'est pas une ombre mais un dégrader sur des couleurs avec du transparent.

tu peux ajouter en css voir js
un background-image: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);

tu peux le forcer en !important dans le css si du premier coup ça ne marche pas.

le css ajouter doit être lu en dernier par rapport aux autres feuilles css


Pour trouver ce que jai dit j'au utilise le débuger (F12)
0
CHCST Messages postés 3 Date d'inscription   Statut Membre Dernière intervention  
 
Bonsoir codeurh24 et merci pour ta réponse,
J'ai eu beau faire des tests avec un background-image comme celui cité sur ta réponse, et ce en début ou fin de chaque sources CSS... rien à faire, toujours ce dégradé en transparence :p J'ai tenté de forcer le CSS (créer un nouveau fichier CSS, c'est bien ça ?) : idem :( Et je suis bien incapable de coder en js :/ Aurais-tu une idée de ce que j'aurais mal fait ?
Merci encore te bonne soirée.
0
CHCST Messages postés 3 Date d'inscription   Statut Membre Dernière intervention  
 
Bonsoir,
codeurh24 m'a mis sur la voie. Il suffit de supprimer les carousel.control.left(&right) dont le rgba est de 0,0,0,0.50.
Bonne soirée à tous.
0
codeurh24 Messages postés 760 Date d'inscription   Statut Membre Dernière intervention   123
 
ha je n'avais pas vérifier que tu avais répondu avant moi :-)
0
codeurh24 Messages postés 760 Date d'inscription   Statut Membre Dernière intervention   123
 
je viens de tester sur mon pc avec IE , chrome et firefox
je ne vois pas comment tu n'y arrive pas.


<style>
.carousel-control.right {
background-image: none;
}
.carousel-control.left {
background-image: none;
}
</style>
</head>


Je ne saurais pas t'aider plus
0