[Résolu] Le retour du CSS (Créer un compte)

  • 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)
  • Auteur
    Messages
  • #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.
    #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.
    #2401056
    pasglop
    Participant
    Chevalier WordPress
    436 contributions

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

    #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)

    #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.
    #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.

     

    #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.
    #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.
    #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.

    #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.

    #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.

    #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.

    #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 ?

     

    #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.
    #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.

15 sujets de 1 à 15 (sur un total de 20)
  • Vous devez être connecté pour répondre à ce sujet.