[Problème] css facebook, comment overrider ?

[tataye]

bonsoir,

j'ai un site avec des modules à fond gris ou transparent
je n'arrive pas à overrider le css de différents modules facebook (fanbox commentaires)
tout cela parce que les applications vont chercher les css de facebook

comment faire pour que cela soit les css du template qui priment ?

[cavo789]

Re : css facebook, comment overrider ?

Salut Tataye

Sans avoir testé, je dirais que, perso, je ne vois pas de raison pour que cela ne soit pas possible. Que ce soit FB ou n'importe quoi d'autre, il me semble que la règle est la même : c'est le dernier qui a parlé qui a raison.

Autrement dit : si tu charges un fichier css après le fichier css de FB (p.e. en le chargeant au bas du fichier index.php) et si ce fichier CSS utilise des rules qui permettent de parfaitement cibler un élément FB, cela devrait marcher, non ?

Sur mon blog, j'ai un module "J'aime", quand je regarde le code source, ce module se trouve dans une DIV dont le ID est "LikeboxPluginPagelet". Si dans un CSS, j'écris #LikeboxPluginPagelet{background-color:red;} et si ce CSS est chargé après celui de FB, je me laisse à croire qu'il n'y a pas de raison que cela ne marche pas. Je me trompe ?

[tataye]

Re : css facebook, comment overrider ?

salut cavo,

je ne savais tout simplement pas comment le surcharger
j'ai bien trouvé ce qu'il fallait changer, mais quand je le mettais dans template css ça ne le faisait pas
je vais donc tester ta solution

[cavo789]

Re : css facebook, comment overrider ?

j'ai bien trouvé ce qu'il fallait changer, mais quand je le mettais dans template css ça ne le faisait pas

Si tu as parfaitement ciblé l'élément, il faut t'assurer que c'est ton CSS qui est pris en compte : ton css doit être le dernier chargé.

Tu peux aussi ajouter un !important pour, un peu, forcer ton style et donc un truc comme :

#LikeboxPluginPagelet{background-color:red !important;}

[tataye]

Re : css facebook, comment overrider ?

bon, testé, cela ne fonctionne pas ...
je l'aurais un jour, je l'aurai !!

[cavo789]

Re : css facebook, comment overrider ?

Que dit Firebug ? Ton CSS est chargé ? Il est actif ?

Si ton CSS est chargé mais "barré", c'est donc qu'un autre CSS prend le dessus. Identifie ce css-là et désactive-le via Firebug. Est-ce que ton CSS est alors pris en compte ? Si oui alors bonne nouvelle : c'est "juste" un soucis de priorité. Comme je le mentionnais, ton CSS doit être écrit en dernier ("dernier qui a parlé a raison")

[tataye]

Re : css facebook, comment overrider ?

bon, je n'arrive pas à faire charger mon css par mes éléments
pourtant , firebug trouve fb.css
je n'ai même pas les éléments barrés.

procédure :
avec firebug je change mont css facebook
je copie et colle dans mon fichier fb.css

je ne comprends pas que la feuille soit chargée, mais que les class ne prennent pas (même si c'est pas bon dans le hiérarchie)

[tataye]

Re : css facebook, comment overrider ?

j'ai trouvé un module 1.5 qui va chercher du css sur le site (dans le module même)
j'étudie le code et vais voir si je ne peux pas l'appliquer au module 1.7 que j'ai ou si je ne vais pas l'upgrader

j'ai zyeuté sur le forum, d'autres que moi ont eu ce problème sans solution.
mais tout le monde ayant un fond blanc , cela ne dérange personne d'habitude quand c'est out of the box