Le 16 janvier 2024 à 20:41:04 :
Ta tester le !important
Je viens de tester, toujours pas.
Salut les clefs! Comme je sais que l'élite traine par ici, je poste!
Voici mon problème:
J'ai un site internet qui tourne sous wordpress, avec un template corporate d'installé.
Suite à une mise à jour, il y a une modification qui me déplais et que je n'arrive pas à corriger.
Le problème en question se trouve sur la page HOME, pour laquelle j'utilise une option de menu transparent (voir Photo E).
Avant l'update, cette option métait en transparence le menu principal ET le menu secondaire (voir photo A), alors que le reste du site restait bel et bien sans transaprence, et avec le menu secondaire (la barre en haut) de couleur orange (voir photo C).
Il y a une section qui permet d'éditer de manière visuelle, certains éléments du template (voir photo F). Si je laisse cette section active, alors le problème persiste.
Si je la desactive, la page HOME est correcte (voir photo A), mais le reste des pages ce n'est plus bon du tout (voir photo D).
Ce que j'ai fait/testé:
1) J'ai tenté de mettre le même code proposé par cette modification, en css pur implémenté via une page custom. Même problème.
2) J'ai tenté de laisser les modifications comme il faut (voir photo F), en rajoutant du CSS par dessus pour la page HOME uniquement. Mais ça ne prends pas, je ne sais pas pourquoi...
3) J'ai tenté plusieurs autres intégrations de css par ci et par là, mais ça ne marche pas..
Je pense que le problème vient d'une priorité de lecture de CSS qui prends le dessus sur la transparence, qui du coup ne se fait plus.
L'idéal serait de trouver un moyen de faire en sorte que lorsque j'active l'option "glassy header" (voir photo E), tant le menu comme le menu secondaire (la barre en haut) deviennent transparents. En clair, comme c'était avant l'update.
Si ce n'est pas possible, alors du CSS brut qui me permette de manuellement inclure une modification pour une page donnée.
Voici le dernier morceau de code testé qui n'a pas abouti:
// TOP BAR SECONDARY MENU TRANSPARENCY //
.page-id-504 #top .av_header_transparency #header_meta {
background: transparent;
box-shadow: none;
border-bottom: 1px solid rgba(255,255,255,0.25);
}Je précise que je l'ai testé avec d'autres couleurs, en enlevant la mention ".page-id-504", et que ça fonctionne. Par contre lorsque je l'active pour ma page HOME (dont l'ID est bien la 504), ça ne fonctionne plus....
En espérant avoir un sauveur!!!
Merci d'avance à tous!
PS: Merci de me citer pour avoir les photos