Le retour du CSS

WordPress :5.8
Statut : résolu

Ce sujet contient 19 réponses, 5 participants et a été mis à jour pour la dernière fois par Flobogo, le il y a 2 semaines.

15 sujets de 1 à 15 (sur un total de 20)

1 2 →

Auteur

Messages
24 avril 2022 à 16 h 25 min #2401041
Li-An
Modérateur

Maître WordPress
26212 contributions
Bonjour,

j’avais fini par trouver comment modifier le CSS de ma liste d’étiquettes mais aujourd’hui, je me rends compte que mon code ne fonctionne plus. Le thème Blocksy a bien connu une mise à jour mais je ne vois pas comment ça pourrait interférer.

Alors le lien d’un billet https://www.li-an.fr/mon-travail/mes-zimages/the-chosen-one/

Le code (qui ne fonctionne plus)
```
.taxonomy-post_tag.wp-block-post-terms a {color:#b2b2b2;
	font-size:0.7em;
	font-weight:600;
	border-style:ridge;
	border-width:thin;
	border-color:#d8d8d8;
	padding:5px 7px 5px 7px ;
visibility:visible;

}
.taxonomy-post_tag.wp-block-post-terms a:hover {color:white;
background-color:orange}
.taxonomy-post_tag.wp-block-post-terms a::before {
  content: "#";
  display: inline;
	margin-right: 3px;
}

.taxonomy-post_tag.wp-block-post-terms {visibility: hidden;}
```
Et en fichier joint là où il faut regarder.

Fichiers joints :
Vous devez être connecté pour voir les fichiers joints.
24 avril 2022 à 18 h 11 min #2401049
ferman
Participant

Maître WordPress
5035 contributions
Bonjour,

Quand je mets votre code je vois ce qu’il y a en pièce jointe. Que souhaiteriez-vous?
- Cette réponse a été modifiée le il y a 3 semaines et 2 jours par ferman.
Fichiers joints :
Vous devez être connecté pour voir les fichiers joints.
24 avril 2022 à 18 h 37 min #2401056

pasglop
Participant

Chevalier WordPress
436 contributions

+1 avec @ferman, même résultat (mais dans l’inspecteur)

24 avril 2022 à 18 h 47 min #2401058

Lumiere de Lune
Participant

Maître WordPress
20210 contributions

Essaye avec a:link au lieu de a: (et de mettre tes sélecteurs dans le bon ordre a:link a:visited a:hover a:active

Essaye aussi de supprimer ou de reconstruire le cache (en premier)

24 avril 2022 à 18 h 48 min #2401059
ferman
Participant

Maître WordPress
5035 contributions
Pour être précis: moi aussi c’est dans l’inspecteur, le navigateur étant Firefox. Je n’ai pas vu à quoi servait la dernière ligne de code.
- Cette réponse a été modifiée le il y a 3 semaines et 2 jours par ferman.
24 avril 2022 à 21 h 23 min #2401066

Li-An
Modérateur

Maître WordPress
26212 contributions

@ferman : c’est bien ce que je cherche à obtenir – et que j’ai obtenu un temps mais ça ne marche plus pour une raison que j’ignore. La dernière ligne doit servir à cache la virgule qui apparait dans le listing.

@Lumière : j’y ai pensé et là, j’ai tout désactivé. Mais bon… A priori c’est dans le bon ordre a:link, a:hover puisque je n’ai rien mis d’autre.

25 avril 2022 à 2 h 04 min #2401074
Lumiere de Lune
Participant

Maître WordPress
20210 contributions
Moi j’ai bien « autre chose »

@Li-An je suis passée par l’outil de validation html de Firefox, qui n’aime pas les <styles> dans le body (lignes 1237 à 1242 et 1278).

Dans les pistes, essaye de rendre tes sélecteurs plus spécifiques, genre
```
div.wp-container-2 div.wp-block-post-terms.wp-block-post-terms a
```
Et enfin, essaye de mettre du !important partout 🙂 car il y en a énormément dans les déclarations de style inline

Fichiers joints :
Vous devez être connecté pour voir les fichiers joints.
25 avril 2022 à 10 h 19 min #2401089
ferman
Participant

Maître WordPress
5035 contributions
Bonjour,

Les CSS sont vraiment tordues avec plein de « presets » et de variables CSS. En plus les CSS qui s’appliquent à l’élément à rectifier sont minimisées . Je me demande s’il ne faudrait pas dans un thème enfant copier la feuille de style « main.min.css » et y coller votre code. Ça fonctionne dans l’inspecteur Firefox mais je n’ai pas essayé en situation réelle.

Il doit aussi être possible de passer par jQuery (enlever les classes .taxonomy-post_tag et .wp-block-post-terms , en mettre une nouvelle et appliquer le code à cette classe). Là encore ça marche dans la console Firefox. J’essaierai plus tard sur mon site.
- Cette réponse a été modifiée le il y a 3 semaines et 2 jours par ferman.
25 avril 2022 à 10 h 28 min #2401090

Li-An
Modérateur

Maître WordPress
26212 contributions

Je vais poser la question aux développeurs du thème – très réactifs. Pourquoi ça eut fonctionné et que ça ne marche plus.

25 avril 2022 à 10 h 47 min #2401093

Li-An
Modérateur

Maître WordPress
26212 contributions

Bon, j’aurais dû commencer par là : sur un site de test, le code fonctionne. Il me reste à enquêter où ça coince.

25 avril 2022 à 10 h 47 min #2401094

ferman
Participant

Maître WordPress
5035 contributions

Il sera effectivement intéressant de le savoir parce qu’une mise à jour qui rend les CSS personnalisées inopérantes c’est quand même un peu embêtant.

25 avril 2022 à 14 h 46 min #2401103

Li-An
Modérateur

Maître WordPress
26212 contributions

Alors mystère et boule de gomme : même en désactivant tout avec le même thème enfant activé, le problème est toujours là sur le site mais ça fonctionne sur le site de test. Je vais essayer de trouver une autre solution.

25 avril 2022 à 15 h 45 min #2401105

Lumiere de Lune
Participant

Maître WordPress
20210 contributions

Le site de test est sur le même serveur ? Tu as complètement supprimé les caches, vidé le cache navigateur ? Vérifié que les options du thème sont identiques ?

25 avril 2022 à 15 h 48 min #2401106
Li-An
Modérateur

Maître WordPress
26212 contributions
Alors, les options du theme ne sont pas tout à fait identique. Je vais voir ça.

Boundiou, en important les réglages du Customizer, le problème apparait. La chasse va être compliquée…
- Cette réponse a été modifiée le il y a 3 semaines et 1 jour par Li-An.
25 avril 2022 à 16 h 00 min #2401108

Li-An
Modérateur

Maître WordPress
26212 contributions

Évidemment, tout ça était entièrement de ma faute : un bout de CSS personnalisé qui me semblait complètement indépendant qui interférait. Ce qui va me permettre d’ouvrir un nouveau sujet, ah ah. Merci à vous.
Auteur

Messages