Ajouter le caractère « / » au survol des éléments du menu (Créer un compte)

  • WordPress :5.8
  • Statut : non résolu
6 sujets de 1 à 6 (sur un total de 6)
  • Auteur
    Messages
  • #2401419
    snat
    Participant
    Initié WordPress
    5 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL :
    • Thème utilisé : Hello Elementor
    • Extensions en place : Elemtor pro
    • Nom de l’hébergeur :
    • Adresse du site :

    Problème(s) rencontré(s) :

    Bonjour,

    J’essai de trouver une solution en css pour ajouter un / au survol des éléments de mon menu.
    J’aimerai que le / apparaisse devant le texte.

    J’ai essayé quelques solutions css mais sans succès.

    Exemple:

    .main-navigation a:before {
        content: "/";
        color: white;
        position: absolute;
        right: 0;
        top: 34%;
    }
    
    .main-navigation ul li:last-of-type:before {
      content: none;
    }

     

    Merci d’avance.

    #2401426
    snat
    Participant
    Initié WordPress
    5 contributions

    J’ai trouvé une solution avec:

    .main-navigation a:hover:before {
        content: "/";
        color: #E92C65;
        left:0;
        
    }

    J’aimerai laisser le / quand le lien est actif, du coup j’ai essayé cela mais ça ne fonctionne pas.

    .main-navigation a:active:before {
        content: "/" !important ;
        color: #E92C65;
    
    }

     

    Quelqu’un a une idée ?

     

    Merci

    #2401470
    Lumiere de Lune
    Participant
    Maître WordPress
    20207 contributions

    Ce n’est pas :: pour « before » ? En tout cas en css3 c’est le cas

    #2401480
    snat
    Participant
    Initié WordPress
    5 contributions

    Oui :: pour css3 et : pour css2 mais les deux fonctionnes très bien pour le hover.

    Mais cela ne fonctionne pas pour l’état « active », je cherche toujours une solution pour cela.

    #2401483
    Lumiere de Lune
    Participant
    Maître WordPress
    20207 contributions

    Et tu les mets bien dans le bon ordre ?

    #2401484
    snat
    Participant
    Initié WordPress
    5 contributions

    J’ai ça actuellement:

    .main-navigation a:hover:before {
        content: "/";
        color: #E92C65;
        left:0;    
    }
    
    .main-navigation a:active:before {
        content: "/" ;
        color: #E92C65;  
        left:0;    
    }

6 sujets de 1 à 6 (sur un total de 6)
  • Vous devez être connecté pour répondre à ce sujet.