- WordPress :4.9.4
- Statut : non résolu
- Ce sujet contient 14 réponses, 3 participants et a été mis à jour pour la dernière fois par
, le il y a 6 années et 4 mois.
-
Messages
-
Bonjour,
Ma configuration WP actuelle wp 4.9.7
- Version de PHP/MySQL : 5
- Thème utilisé : développé avec Artisteer
- Extensions en place : mailpoet;Data Tables Generator by Supsystic; platinium SEO; Shareaholic;Velvet Blues Update URLs;Yoast SEO; WP-Optimize
- Nom de l’hébergeur : LWS
- Adresse du site : atuct.fr
Problème(s) rencontré(s) : Bonjour, Je voudrai changer la couleur de fond du 2ème item de mon nenu vertical de gauche « Coupe de France Border Collie ». En cherchant dans des posts j’ai trouvé ce code CSS:
.item.menu-item-3200
{
background-color : #C1E3F1 !important;
}
.item.menu-item-3200 a:hover
{
background-color : #EC916A !important;
}J’ai placé ce code en fin du fichier style.css du thème, mais rien ne se passe (j’ai effacé la cache du navigateur). J’avais essayé de le placer dans le réglage du thème mais rien non plus. 3200 correspond à la référence de l’item, mais j’ai aussi essayé en rentrant le nom de l’item. Il semble que la classe du menu reste prépondérante. J’ai ajouté !important en suivant aussi les conseil d’un post. Quelqu’un peut-il me venir en aide. Merci d’avance.
Bonjour,
le :hover signifie que la propriété CSS s’execute au survol de l’élément.
Du coup, tu Copie la propriété CSS; tu supprime le :hover et tu mets ton background-color et ça devrait fonctionner.
Bonsoir, merci de ta réponse. J’ai supprimé la ligne avec le survol pour ne garder que le changement de couleur du fond, mais rien ne se passe! il reste gris avec le dégradé comme écrit dans le fichier style.css. Je ne suis pas spécialiste du codage css donc difficile pour moi de savoir pourquoi cette instruction n’est pas prise en compte.
Bonjour,
Dites-nous quel est l’item concerné et dans quel menu sur votre site (si besoin mettez une capture écran), on regardera.
Il s’agit du deuxième idem du menu de gauche: « coupe de France Border Collie ». Je voudrai que le fond soit bleu au lieu de gris clair pour le faire ressortir le temps de l’événement. Merci de votre aide.
Bonjour,
Essayez avec ce code (j’ai mis la couleur aqua, à vous de modifier si besoin) :
Si ça ne fonctionne pas, c’est peut-être parce que votre thème est créé avec Artisteer, dont je ne connais pas le fonctionnement. Il faudrait essayer d’ajouter une class supplémentaire à votre menu, pour affecter la couleur bleue voulu à cette class.
Bonsoir. Non cela ne change rien. Donc certainement du à la gestion de la classe menu par Artiseer.
J’ai vu que dans la création des menu dans wordpress on peut ajouter une classe à chaque création d’item. Je pourrait peut-être intervenir à ce niveau. Mais quel code y mettre? Merci de votre aide.
Merci Flobogo. J’ai bien ajouté la classe test dans l’item du menu et le code le fichier style.css, mais rien ne change. Voici un copié d’écran de l’inspection d’élément avec chrome. Il semble que l’on garde la classe du menu et que celle appliquée à l’item ne soit pas prise ne compte. Que peut-on changer? Encre merci. Bonne soirée.
Là, c’est la class « active » qui s’applique parce que vous êtes sur cette page (celle de « la coupe de France »). Testez quand vous êtes sur une autre page, ou sur l’accueil.
Bonsoir Flobogo. En me positionnant sur accueil et en inspectant on voit bien apparaître la classe test dans l’item 3200, mais la couleur de cette nouvelle classe n’est pas prise en compte, le fond reste gris.
Merci de ton aide.
J’ai bien rajouté ce code en fin du fichier style.css crée dans mon thème artisteer. J’ai rajouté des lignes de code à partir de 3055 pour changer la couleur de fond de quelques pages (ça marche) puis votre code.
Je vous joins une copie du fichier style cela vous aidera peut-être à comprendre ce qui se passe.
Encore merci, bonne journée.
Dans WordPress, le fichier style du thème doit s’appeler style.css impérativement … pas stylebis.css qui ne peut pas être reconnu 😉
- Vous devez être connecté pour répondre à ce sujet.