Comment trouver une propriété CSS dite “inline”?Comment la supplanter?

  • Statut : non résolu
8 sujets de 1 à 8 (sur un total de 8)
  • Auteur
    Messages
  • #563756
    spip93
    Participant
    Padawan WordPress
    53 contributions

    Bonjour à tous et à toutes,

    Ma configuration WP actuelle
    – Version de WordPress : 4.5
    – Version de PHP/MySQL : 5.6.16
    – Thème utilisé : Village
    – Extensions en place :
    Audio Player Widget
    Contact Form 7
    NextScripts: Social Networks Auto-Poster
    WP Embed Facebook
    – Nom de l’hebergeur : En local pour le moment
    – Adresse du site : Une prévisualisation du thème utilisé est visible à l’adresse :
    http://themes.themeprovince.com/?theme=village
    Problème(s) rencontré(s) :

    J’utilise un thème (Village) et je souhaiterais faire passer le Footer à droite et non à gauche où il est actuellement.
    Avec l’outil de développement de Firefox (c’est la même chose sur Chrome), j’ai vu que l’élément footer a la propriété left: 0px;inline“.
    Déjà, je ne sais pas trop ce que signifie “inline“.
    Ce que je sais, c’est que comme elle est “inline” je n’ai pas accès à la propriété left: 0px;

    J’ai quand même modifié le fichier style.css en ajoutant la propriété right: 0px; là où se trouvent les autres propriétés du footer mais ça n’a pas marché,
    j’ai ajouté !important après la propriété (ce qui donne right: 0px !important;), ça n’a pas marché.
    J’ai ajouté la propriété right: 0px; aux différents éléments du footer, mais ça n’a pas marché.
    J’ai remplacé la balise

    par

    dans le fichier footer.php. Après ça j’avais, dans l’inspecteur de l’outil de développement :

    , mais encore une fois, ça n’a pas marché.
    À chaque fois, c’est la propriété left: 0px; “inline” qui prime.

    J’ai cherché dans les fichiers du thème où pouvait être écrite la propriété left: 0px;, mais je n’ai pas trouvé de fichier “pertinent”.
    Une fois, pareil (pour un autre site) j’avais du mal à trouver une propriété inline et j’avais fini par la trouver dans la BDD. J’ai donc cherché dans la BDD, mais je n’ai rien trouvé de pertinent non plus.

    Savez-vous où et comment trouver une propriété inline ? À défaut, savez-vous comment “supplanter” une propriété inline ?

    D’avance merci pour vos réponses.
    Bonne journée à vous.

    #1058299
    spip93
    Participant
    Padawan WordPress
    53 contributions


    Je viens (enfin) de trouver la solution !!! (Après près de 7h dessus). 😋:P
    J’ai procédé par élimination.
    J’ai commencé par sauvegarder tout le contenu du dossier de mon thème.
    Ensuite, j’ai demandé à mon éditeur de texte de remplacer, dans tous les fichiers du thème, left par right.
    J’ai vu que ça plaçait (tout, mais en particulier) mon footer à droite.
    J’en ai donc conclu qu’il fallait agir sur les fichiers et non la BDD.

    Ensuite, j’ai écarté tous les dossiers/fichiers dont j’étais sûr que ça ne venait pas d’eux.
    Dossier par dossier, j’ai remplacé left par right en regardant à chaque fois si ça changeait quelque chose.
    Quand j’ai trouvé le bon dossier, j’ai fait la même chose, fichier par fichier.
    Enfin, quand j’ai trouvé le bon fichier, j’ai modifié les lignes qui mentionnaient Footer jusqu’à trouver la bonne 😋 :p
    Pour info, cette fois-ci c’était dans un fichier JS (javascript). J’aurais jamais pensé chercher dans ce genre de fichier… Comme quoi…
    Bonne journée à vous 😉

    #1058300
    spip93
    Participant
    Padawan WordPress
    53 contributions

    J’ai oublié de préciser qu’à chaque fois que j’éliminais un dossier, un fichier, je le remplaçais par l’original (c’est pour ça que j’avais sauvegardé tout le contenu du dossier de mon thème, pour retomber sur mes pattes en cas de pépin).

    #1058301
    Flobogo
    Modérateur
    Maître WordPress
    15866 contributions

    Bonjour,

    C’est cool d’être revenu donner la solution 😎

    Deux infos utiles pour vous :
    – la prochaine fois, pour travailler sur votre thème, rapatrier sur votre ordi une copie locale du site (à simuler avec WAMP/MAMP/ou autre), c’est beaucoup plus simple pour faire des essais.
    – afin de conserver votre modification, ce serait souhaitable de l’insérer dans un thème-enfant, à créer selon l’une des méthodes suivantes :
    – la super-facile avec le plugin Child Themify ou One click Child Theme (mais qui n’apprend pas à manipuler les fichiers)
    – la méthode classique mais ancienne avec import du style du thème-parent en suivant les explications sur WpChannel et/ou celles du site les-doigts-dans-le-net ou encore celles du Journal du Net
    – la méthode officielle selon le Codex (plus propre mais un peu plus complexe).
    Voir aussi les explications sur wpmarmite ou sur wpformation mises à jour avec les dernières recommandations du Codex.

    Bon, là, pour un fichier js, c’est complexe : dans le fichier functions.php du thème-enfant, il faut annuler le script en question, puis le re-créer sous un autre nom.

    #1058302
    Lumiere de Lune
    Participant
    Maître WordPress
    19385 contributions

    Bonjour

    les propriétés css inline sont TOUJOURS générées par des fonctions, js ou php.

    La bonne méthode pour les supplanter dépend du type de fonction, on peut envisager un hook, un filtre.

    1- pour des fonctions php
    Elles sont généralement appelée via un filtre (hook) ou une action. Il faut donc “unregister” ce dernier et le remplacer par le vôtre)

    2- pour les js : le script est chargé, théoriquement via enqueue script. Il faut donc le “unqueue” et recharger le vôtre, sous le même nom, via wp_enqueue

    Dans les deux cas, affecter une priorité basse à votre modification, pour qu’elle soit effectuée après le chargement du thème parent.

    Parce que, bien sûr, il faut faire un thème enfant, comme vous l’indique Flobogo.

    #1058303
    Flobogo
    Modérateur
    Maître WordPress
    15866 contributions

    @ Lumière de Lune :

    Flobogo wrote:
    pour un fichier js, c’est complexe : dans le fichier functions.php du thème-enfant, il faut annuler le script en question, puis le re-créer sous un autre nom.

    Donc, je disais une bêtise … 😳 C’est au contraire dans le cas des fichiers .js qu’il faut garder le même nom mais mettre “enqueue”
    Alors qu’une fonction (un hook ou une action), on peut l’annuler / “unregister”, et la remplacer par une autre.
    Bon, bon, bon … ça commence à rentrer. Je vais me mettre ce topic dans mes p’tits favoris, pour le retrouver en cas de besoin.

    #1058304
    Lumiere de Lune
    Participant
    Maître WordPress
    19385 contributions

    Quand je parle de recréer sous un autre nom… c’est le nom du “enqueue”. En fait tu peux laisser le même nom. Cela ne change pas grand chose, dans un fichier js, théoriquement, ce qui compte, c’est le nom des fonctions, pas le nom du fichier. L’enqueue permet de charger le fichier, donc les fonctions sont disponibles.

    Perso j’aime bien changer le nom dans la fonction enqueue (ou register) pour y retrouver facilement mes petits…

    #1058305
    Flobogo
    Modérateur
    Maître WordPress
    15866 contributions

    Ouhla, je croyais avoir compris, mais ça se complique … :(
    Faut que je relise ça à tête reposée … Puis ce sera plus concret quand j’en aurais besoin … (enfin, en général, j’appelle au secours, j’ai encore du mal toute seule ^^)

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