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
    20531 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
    20531 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.