Ajouter le caractère "/" au survol des éléments du menu

WordPress :5.8
Statut : non résolu

Ce sujet contient 5 réponses, 2 participants et a été mis à jour pour la dernière fois par snat, le il y a 3 années.

6 sujets de 1 à 6 (sur un total de 6)

Auteur

Messages
28 avril 2022 à 13 h 42 min #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.
28 avril 2022 à 14 h 24 min #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
28 avril 2022 à 18 h 28 min #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

28 avril 2022 à 19 h 18 min #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.

28 avril 2022 à 19 h 52 min #2401483

Lumiere de Lune
Participant

Maître WordPress
20531 contributions

Et tu les mets bien dans le bon ordre ?

28 avril 2022 à 19 h 56 min #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;    
}
```
Auteur

Messages