Bonjour
J'utilise sur mon site WordPress le Thème Impreza.
Avec ce dernier j'ai placé un menu haut avec une en-tête transparente.
J'aimerais ajouter au texte de ce menu une ombre portée.
J'y arrive en plaçant box-shadow sur mon menu mais celle-ci s'applique aussi au sous menu et c'est pas beau
C'est là que je bloque et que mes piètres connaissances CSS j'arrêtent.
Si une personne veut bien m'aider
 
Merci d'avance
 
Lien par MP

Difficile sans le code source, mais le menu est sans doute imbriqué dans l'autre, donc si tu crées une règles avec > (qui oblige le selecteur suivant à être au niveau directement inférieur), tu devrais pourvoir sélectionner le <ul> du premier niveau.
https://www.zonecss.fr/cours-css/le [...] ts-directs

Salut
D'abord merci d'avoir pris le temps de ré"pondre à ma requette.  
Mon problème se situe bien à ce niveau là.
Comme je ne m'y connais pas assez j'ai du mal a comprendre l’imbrication des sélecteurs et je n'arrive pas a trouver la bonne class ou le bon id pour placer mon texte-shadow
 
Je t'envoi le lien par MP si tu peux regarder

C'est encore plus simple, tu as une classe level_1 sur tes liens de premier niveau et level_2 sur ceux de ton sous menu.
 
Suffit de spécifier ta règle de cette façon :

ça fonctionne effectivement si je test avec l'inspecteur de propriété de Chrome en ajoutant

 
mais quand j'ajoute le code  

à mon template rien ne se passe
Bref j'arrive pas a trouver la bonne classe pour appliquer le style

Ça ressemble à un problème de cache ou de fichier non mis à jour...
Tu vois ta nouvelle règle via l'explorateur ou dans le code source de ta page ?

Mais c'est bien sur j'avais vider le cache du site mais pas celui de chrome
On y est presque :
 
Car maintenant quand je scroll vers le bas le menu passe sur fond blanc et à ce moment là l'ombre portée perd son utilité et je trouve pas ça beau.
Y a t il un moyen de faire en sorte qu'elle disparaisse à ce moment là ?

Ton header prend la classe "sticky" au scroll fait une règle en dessous qui surcharge la précédente genre :

Super étape 2 réussie.
Il me manque encore juste un truc (promis je t'emmerde plus après)...mais je t'offre l'apéro si tu passes dans le coin    
Comment faire maintenant pour supprimer l'ombre sur mobile ?

A priori la règle qui te met un fond blanc sur ton menu "mobile" est celle-ci :

Je connais pas ton template et je ne sais pas comment ni ou cette classe est ajouté, surement un JS au chargement qui la colle sur le body...
En tout cas si tu modifie ma règle ci-dessus pour lui adjoindre une 2ème avec le selecteur "enfant de bloc ayant la classe type_mobile" ça devrait le faire :

C'est par ou le coups à boire ? ^^

Ca marche pas ou plutot j'ai peur de pas comprendre.
C'est pas grave
Pour boire un coup c'est le site et c'est quand tu veux ce sera volontiers

Encore un problème de cache peut être ?
En toute logique en ajoutant juste le selecteur :

Avant la règle qu'on a mis précédemment, ça devrait fonctionner...
Tu as bien mis la virgule, car sinon il va chercher à appliquer la règle au bloc enfant de toutes les classes précédentes.

Super cette fois ça marche nickel  
J'avais pas placé le code au bon endroit (j'ai du mal avec les imbrications css)
double tournée d'apéro
Merci