CSS du thème enfant pas pris en compte sous chrome et IE, ok pour FF et Safari (Créer un compte)

  • WordPress :4.6.1
  • Statut : non résolu
8 sujets de 1 à 8 (sur un total de 8)
  • Auteur
    Messages
  • #1600779
    richardcatherine77@gmail.com
    Participant
    Initié WordPress
    6 contributions

    Bonjour à tous,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : MySQL 5.5
    • Thème utilisé : Twenty Sixteen
    • Extensions en place :
    • Nom de l’hébergeur : ovh
    • Adresse du site : ecolededanse-isabellecoll-meaux.com

    Problème(s) rencontré(s) :

    Je rencontre un souci pour un site que j’ai créé et que j’administre bénévolement pour une amie.

    Ce site est basé que le thème twenty sixteen.

    Ayant fait pas mal de modifications de styles (notamment modification des polices, changement des tailles et couleurs de police, j’ai créé manuellement un thème enfant twentysixteen-child en suivant strictement le codex (contenu des fichiers functions.php et style.css).

    Or, la feuille de style du thème enfant est parfaitement chargée sous FF et Safari (IPhone), mais pas sous Chrome ni IE.

    Pour IE, je ne me suis pas inquiétée, car je n’ai pas encore rapatrié les css spécifiques.

    Pour Chrome, çà me paraît beaucoup plus bizarre, et finalement, il semble que le problème soit le même sous les deux navigateurs.

    Je précise que j’ai vidé le cache de Chrome, même vidé le cache d’OVH bien que sous FF et Safari çà marche.

    J’ai désactivé mes plugins, réactivé un à un, ils sont à jour, rien ne change, et ce sous tous les supports (PC, tablette, ordi, OS Win ou Android).

    En effectuant certains changements (couleurs) dans le thème enfant à partir du tableau de bord, Chrome et IE prennent en compte les changements. Mais ne chargent pas la nouvelle feuille de style, puisque les autres modifications (fonts et font-size), ne sont pas prises en compte.

    Ce problème se produit uniquement dans le thème enfant, si je modifie manuellement le css du thème parent, Chrome et IE les prennent en compte.

    Il doit y avoir un pointage vers la feuille de style du thème enfant qui ne se fait pas, mais là, cà dépasse mes compétences et j’ai peur de toucher aux fichiers php n’importe comment.

    Sinon, j’ai vu que je pouvais tenter d’ajouter des !important à mes styles, mais je n’ai pas tenté, car çà paraît contesté comme méthode par certains développeurs.

    Quelqu’un a-t-il une idée ?

    Merci par avance et bonne journée !

    Cat

     

     

     

    #1600784
    richardcatherine77@gmail.com
    Participant
    Initié WordPress
    6 contributions

    On voit bien d’ailleurs, si l’on analyse par exemple le titre du site :

     

    p. site-title avec Firebug, renvoie au css du thème enfant, mais sous Chrome, c’est un pointage vers le thème parent qui se fait.

    #1603558
    richardcatherine77@gmail.com
    Participant
    Initié WordPress
    6 contributions

    Bonjour,

    Up !

    Personne n’a jamais eu ce problème ? Une petite idée ? J’ai écumé les forums en anglais, mais à chaque fois, le problème identifié en cas de comportement différent selon les navigateurs, ne correspond pas à mon cas.

    #1603711
    momofr@free.fr
    Modérateur
    Maître WordPress
    3414 contributions

    En fait il y a un sacré bazar au niveau des CSS, pour y voir plus clair je met un @import au début de la feuille de styles enfant de manière à ne retrouver à la suite que mes styles personnalisés :

    @import url("../twentysixteen/style.css");

    Ensuite tu as des styles “embarqués” dans ta page via <style id=’twentysixteen-style-inline-css’ type=’text/css’> c’est des styles dans cutom css je suppose, pourquoi ? Je crois que c’est ça qui provoque ton problème sous Chrome…

    Je viens de tester en local chez moi un thème enfant twentysixteen et ça marche sur tous les navigateurs (Safari, Chrome, Opéra, Firefox, IE9 Seven)…

    #1603727
    richardcatherine77@gmail.com
    Participant
    Initié WordPress
    6 contributions

    Bonjour,

     

    Merci pour ta réponse.

    Je n’ai pas fait de @import car c’est déconseillé maintenant dans le codex au profit de enqueue. De mémoire, d’ailleurs, j’avais quand même essayé, et çà ne marchait pas mieux.

    Effectivement, j’ai paramétré certaines choses à partir du tableau de bord. Je vais voir si en faisant un peu de ménage, çà résout le problème.

    Bonne journée !

    #1603731
    momofr@free.fr
    Modérateur
    Maître WordPress
    3414 contributions

    C’est bizarre car dans tes styles child on retrouve plein de règles du parent sans changements, à quoi cela te sert-il ?

    C’est redondant et ça alourdi tes CSS, pas besoin de tous les commentaires non plus…

    #1603735
    richardcatherine77@gmail.com
    Participant
    Initié WordPress
    6 contributions

    Oui, je sais, c’est parce que c’était plus simple pour moi de changer au fur et à mesure en ayant tout le css en entier que j’ai copié collé, je sais que ce n’est pas propre, je dois faire le ménage aussi. Mais de toute façon, j’ai aussi essayé avec un .css ne comportant qu’un simple changement, et çà ne résout pas le problème non plus.

    #1603736
    richardcatherine77@gmail.com
    Participant
    Initié WordPress
    6 contributions

    bon bref, je retravaille tout çà et je poste le résultat …

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