Jean-Pierre (Créer un compte)

nouvel essai

Bonjour, pour le changement de couleur du « titre » (protégé:produits), j’ai testé cela, qui fonctionne avec Firebug.

.site-nav a:hover {
color: blue;
}

ce qui donne une couleur bleue au survol de la souris, mais cela le fait non seulement sur le titre « produits » mais aussi sur chaque « intitulé » de produits au survol de la souris et uniquement au survol.

pour enlever « protégé », est-ce que ce ne serait pas tout simplement le titre du widget ? à supprimer (pas de titre), mais pas certain…

bon je relis tes questions depuis le début pour voir si je ne réponds pas trop à côté de la plaque et je teste…

Pas de souci pour la patience, plusieurs bénévoles, sur ce forum, en ont eut assez pour m’expliquer un tas de trucs…

Bon, alors reprenons.

Pour la couleur donc de chaque titre ce doit être effectivement possible en .css, mais il va falloir être très précis dans la demande, donc trouver les bons sélecteurs…

Si cela fonctionne avec l’inspecteur et pas dans ton style.css, et bien désolé mais c’est que ce n’est pas le bon sélecteur, ou que ce n’est pas la bonne class….

Ça peut aussi être lié à la façon dont l’inspecteur te « présente les choses »…

Ce que tu peux tenter : avec l’inspecteur tu sélectionnes (à gauche dans le HTML) la « ligne bleue » que t’indique ton inspecteur, puis tu passes à droite (dans le .css) et tu fais =>ajouter une nouvelle règle ( avec  Google Chrome c’est le petit + sur la ligne « filter », ce qui va te donner : « new style rule »)(avec Firefox, dans le style.css, tu fais clic droit=>ajouter une nouvelle règle), cela va t’ouvrir une ligne directement avec la class et l’ID de ta ligne sélectionnée à gauche (ça va t’es pas dyslexique ?….je plaisante).

Si cela ne fonctionne toujours pas…ben il faut affiner la recherche…

Je pense que tu as vu que sur chaque « ligne bleue » (enfin sur mon ordi elle est bleue..) tu as une petite flèche pour « déployer » ce que « contient » cette « ligne », cela permet de sélectionner plus précisément…

Malheureusement je ne peux pas tester sans accès au site et n’étant pas un bénévole « officiel » du forum, je ne te demanderais pas l’adresse en privé….il va donc falloir tâtonner…mais par contre si tu peux faire des captures d’écran de la « zone inspecteur » que tu modifies, cela pourrait peut-être m’aider….ceci-dit je ne suis pas expert, donc je n’en suis pas certain…

Bonjour, je ne sais pas si ma réponse correspondra effectivement à votre demande, mais cela peut vous donner une idée…

J’ai utilisé cette « fonction » pour intégrer un petit logo devant chaque catégorie, j’imagine que le principe doit pouvoir fonctionner (à tester…), avec autre chose qu’une petite image..

.widget_product_categories ul li::before {
    content: "";
}

J’ai intégré ce bout de code dans le fichier .css de mon thème-enfant.Le petit logo entre les guillemets est « l’endroit » ou j’ai indiqué ce que je vouais voir apparaitre.Ça fonctionne très bien sur mon thème.Pour ma part j’ai utilisé un dashicon :

http://timtrott.co.uk/wordpress-dashicons-cheat-sheet/

Voila, je ne comprend pas ce que vous entendez par « label »…mais peut-être est-ce cela ?

Cependant, après m’être connecté sur votre site (well ! well !), il est fort possible que ma réponse arrive un peu tard….

Très bonne initiative…mais attention quand on commence à mettre les mains dans le code….parfois on se prend au « jeu »…

https://wpformation.com/theme-enfant-wordpress/

https://codex.wordpress.org/fr:Th%C3%A8mes_Enfant

https://wpmarmite.com/child-theme-wordpress/

https://wpchannel.com/creer-themes-enfants-child-themes-wordpress/

voila une petite liste de tutoriels, bonne création.

Si pour vous le sujet est résolu merci de changer le statut : case à cocher au dessus de votre premier message.

Bonne journée.

non, il ne faut pas toucher aux fichiers de votre thème ! si vous « bricolez » dedans (excusez-moi mais je ne connais pas votre « niveau » WP) vous risquez une grosse migraine, voire une vilaine déprime !!! et de plus toutes les modifications que vous y feriez (si elles ne fichent pas le dawa), seront perdues (au mieux) à la prochaine mise à jour….

il faut uniquement récupérer les « class » et/où « ID » (celles qui vous intéressent quand vous faites des essais avec Firebug).

quand vous êtes sur la page où vous voulez changer quelque chose, vous inspectez (Firebug toujours…), à droite vous avez le code « css », c’est celui-ci qu’il vous faut copier (après avoir fait vos « changement de test ») et le coller dans le fichier « style.css » de votre thème-enfant.

pour alléger votre thème-enfant ne copiez que ce que vous avez changez : si pour un sélecteur css  vous avez 3 ou 4 règles vous ne copiez que le sélecteur et uniquement la règle que vous avez modifié…

par exemple si vous vouliez changer la couleur du texte (color) de votre pied de page (footer), vous chercher « .site-footer »

.site-footer {
    color: black;
    background: transparent;}

(sur cet exemple il y a 2 règles, mais selon votre thème il peut y en avoir d’autres…)

color « est » la couleur du texte

background « est » ce qui apparait en fond, ça peut être une couleur, une image….

donc si vous voulez changer la couleur du texte (de « black » à « green », vous faites votre changement avec Firebug et vous copiez-collez dans votre thème-enfant la partie qui vous intéresse, ce qui donnerait :

.site-footer {
    color: green;}

le background reste le même (donc pas besoin de le copier) et la couleur change.

est-ce que c’est plus clair ?

bon on va finir par y arriver…peut-être….

Essaies ça :

http://maisondescarnets.hypotheses.org/262