changer couleur icone de recherche

WordPress :6.5
Statut : résolu

Ce sujet contient 4 réponses, 2 participants et a été mis à jour pour la dernière fois par pascale richard, le il y a 10 mois et 3 semaines.

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

Auteur

Messages
21 juillet 2024 à 12 h 54 min #2476704
pascale richard
Participant

Chevalier WordPress
127 contributions
Bonjour,

Ma configuration WP actuelle:6.6
- Version de PHP/MySQL : 7.2
- Thème utilisé : inspiro
- Extensions en place : antispambeee / contact form 7 / the event calendar
- Nom de l’hébergeur : ouvaton
- Adresse du site : https://www.troncs-communs.fr
Problème(s) rencontré(s) :

j’aimerais changer la couleur de la loupe de recherche ainsi que la couleur de la bordure qui encadre cette icône.j’imagine que c’est possible ?
21 juillet 2024 à 14 h 15 min #2476705
momofr@free.fr
Modérateur

Maître WordPress
7771 contributions
Salut, essaye ces règles CSS :
```
.sb-search .sb-search-button-open .sb-icon-search .svg-icon {
	fill: #fff !important;
}
.svg-icon.svg-icon-search:hover {
	fill: var(--inspiro-primary-color) !important;
}
.sb-search .sb-search-button-open {
  border: solid 1px #ccc !important;
  padding: 5px 10px !important;
  border-radius: 5px !important;
}
```
1ère -> couleur de l’icône SVG, 2ème -> couleur de l’icône au survol, 3ème -> contour de l’icône.

Règles à copier/coller dans : Apparence -> Personnaliser -> CSS additionnel
24 juillet 2024 à 13 h 38 min #2476852

pascale richard
Participant

Chevalier WordPress
127 contributions

bonjour !

bon , quand je met le code que tu me donnes l’icône apparait de la bonne couleur à droite de mon écran (quand je suis en mode admin en fait). Mais quand je vais sur le site la couleur du widget que j’ai ajouté en haut à droite de l’écran n’a pas changée de couleur. pour voir apparaitre cette icone de recherche il faut cliquer sur les 3 traits blancs. et donc ton code n’agit pas sur la bonne icône !

24 juillet 2024 à 14 h 16 min #2476854

momofr@free.fr
Modérateur

Maître WordPress
7771 contributions

Salut, il te faut vérifier tes réglages de l’entête, sur mon site de test tout est OK.

Fichiers joints :
Vous devez être connecté pour voir les fichiers joints.

24 juillet 2024 à 15 h 48 min #2476857

pascale richard
Participant

Chevalier WordPress
127 contributions

ben… c’est exactement l’écran que j’ai et j’ai bien coché la case « icone d erecherche »! çà marchait pas. mais là tout va bien. j’ai donc enlevé le widget que j’avais rajouté ds une colonne latérale… j’ai pas tout compris mais en tou cas çà fonctionne c’est génial. trop la classe ! merciiiiii!

bon app !
Auteur

Messages