problème d’ombre portée en CSS

  • WordPress :5.2
  • Statut : non résolu
6 sujets de 1 à 6 (sur un total de 6)
  • Auteur
    Messages
  • #2285430
    10LEM
    Participant
    Chevalier WordPress
    115 contributions

    Bonjour
    J’utilise sur un de mes sites 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 mais uniquement au menu haut.
    Car quand je place un text-shadow sur mon menu l’ombre portée s’applique aussi au sous menu et c’est pas beau (je voudrais sans).
    C’est là que je bloque et que mes piètres connaissances CSS j’arrêtent.
    Si une personne veut bien m’aider

    Lien par MP
    Merci d’avance

    #2285436
    PhiLyon
    Modérateur
    Maître WordPress
    24147 contributions

    Bonjour.

    Lien par MP

    Où ça ?

    Ce que tu peux faire c’est le mettre dans ton prochain message en cochant la case “Rendre cette réponse privée“, il n’y a que les admins et modérateurs qui la verront.

    Cela limite bien-sûr le nombre de réponses possibles.

    🙂

    #2285438
    10LEM
    Participant
    Chevalier WordPress
    115 contributions
    Cette réponse a été marquée comme privée.
    #2285453
    PhiLyon
    Modérateur
    Maître WordPress
    24147 contributions

    Je ne vois pas d’ombre portée sur le menu…

    🙂

    #2285458
    10LEM
    Participant
    Chevalier WordPress
    115 contributions

    C’est normal je l’ai supprimée pour l’instant en attendant de trouver la solution.

    Lors de mes tests j’ai mis :

    text-shadow: 2px 2px #000000;

    sur la class “l-subheader-h”

    et si l’ombre portée apparaît bien elle s’applique aussi au sous menu

    • Cette réponse a été modifiée le il y a 3 semaines et 5 jours par 10LEM.
    • Cette réponse a été modifiée le il y a 3 semaines et 5 jours par 10LEM.
    #2286557
    studiocreav2com
    Participant
    Padawan WordPress
    84 contributions

    Salut,

    Si tu veux appliquer un style uniquement au premier niveau :

    ul.monmenu {text-shadow: 2px 2px #000000;}
    ul.monmenu ul {text-shadow: none;}

    C’est pour le principe…

    • Cette réponse a été modifiée le il y a 2 semaines et 5 jours par studiocreav2com.
6 sujets de 1 à 6 (sur un total de 6)
  • Vous devez être connecté pour répondre à ce sujet.