[Résolu] Comment modifier css /* Styles en-ligne */ ?

Bonjour
J'ai installé le plugin NextGen Gallery sur un site en Wordpress.
Je désire changer la couleur et l'opacité du background en affichage diaporama mais le code css correspondant appartient à /* Styles en-ligne */.
La page en question

le background est gris transparent et je souhaite le mettre en noir.
J'ai ajouté les propriétés de la feuille de style du plugin

#fancybox-overlay {
    background-color: #000000;
    opacity: 0.7;
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999;
}

mais ça ne change rien, même pas avec firebug.
Je suppose que c'est quelque part dans un fichier .php mais je ne m'y connais pas assez et je n'ai rien trouvé en recherchant avec notepad++, et rien sur internet...
Quelqu'un peut m'aider ? Merci !
Modifié par Lamu (20 Mar 2014 - 15:47)

Bonjour,

Et en enlevant l'opacité ou la modifiant à 1 ?

6l20 a écrit :
Et en enlevant l'opacité ou la modifiant à 1 ?

Non, ça ne change rien...
Merci mais avec Firebug j'ai pas mal bidouillé...
J'ai souvent ce /* Styles en-ligne */, comme une feuille css fantôme, qui appairait en bas de la fenêtre d'analyse css de Web Developer... Parfois il y aussi "null".
La feuille de style jquery.fancybox-1.3.4.css?ver=3.8.1 agit pourtant puisque j'ai modifié "z-index: " sans problème.
Je n'ai peut-être pas posté au bon endroit, c'est plutôt un sujet sur Wordpress, ou sur le PHP ?

Bonjour,

Si les styles sont en lignes, ils ne peuvent etre écrasé dans la feuille de style qu'avec !important .
Idem pour les styles geré à la volée par javascript, ce qui est probablement le cas de votre plugin.

++
<edit> testez dans la feuille de styles:

#fancybox-overlay {opacity:1!important;}

<re-edit>
apparement ce serait plutôt un probleme avec fancybox et overlay en absolute au lieu de fixed et sans height:100% ? Enfin, pas vu la page test , juste la gallerie du site
Modifié par gc-nomade (20 Mar 2014 - 17:52)

Merci gc-nomade, je comprends mieux à quoi sert !important maintenant !
Je vais tester...
La page de test ouvre une galerie, il faut cliquer sur une des images et attendre qu'elle s'ouvre en grand pour voir ce dont je parle.

<re-edit>
Ça marche avec !important !!!

Merci beaucoup ! J'aurais jamais trouvé toute seule
Bonne soirée !
Modifié par Lamu (20 Mar 2014 - 18:20)

background-color: #000000 !important;
opacity: 1 !important;

C'est résolu, je ferme ...
Vous êtes merveilleux ça fait chaud au cœur