[RÉGLÉ] Petit conflit entre un composant et le template

[louca]

Bonjours à tous,
Voilà j'ai un petit conflit entre le composant Searsh GmapFP et mon template RSJuno sur les "IcoMoon".
Je sais que c'est bien lui car sur les autres pages du site ça pose pas de problème.
Sur les pages où est présent le composant j'ai les icônes du fil de navigation et du retour en haut de page qui ce charge pas
Quand j'examine l'élément via FF je vois bien l'erreur de chargement (downloadable font: download failed (font-family: "IcoMoon" style:normal weight:normal stretch:normal src index:2): bad URI or cross-site access not allowed source: http://randonnees-trekkings.fr/media...ts/IcoMoon.ttf) mais en contrôlant sur le liens et en FTP je vois bien que ces fichiers sont bien présents !
Lien direct sur la page pour voir : http://www.randonnees-trekkings.fr/a...s-destinations
Si quelqu'un à la soluce ça m’arrangerai
Merci !!

[lomart]

Re : Petit conflit entre un composant et le template

Bonsoir,

gmapfp utilise les sélecteurs [class^="icon-"]::before, [class*=" icon-"]::before avec la police icomoon alors que le template de base les utilise avec FontAwesome

Une solution radicale est d'inactiver la propriété font-family en ligne 22 du fichier "/components/com_search_gmapfp/views/search/css/general.css" et de voir les effets induits

Sinon, il va falloir redéfinir le sélecteur de gmapfp avec quelque chose comme cela: .searchGMapFPForm [class^="icon-"]::before, .searchGMapFPForm [class*=" icon-"]::before pour limter son application aux éléments enfants de gmapfp

[louca]

Re : Petit conflit entre un composant et le template

Bonsoir Lomart
Un grand merci, j'ai suivi ta première solution qui a réglé le souci tout de suite
Je mets le post en réglé et encore merci de ta réponse !