Discussion :

[Kris31-31]

Bonjour,

Merci d’avance pour votre aide. Je suis autodidacte, à peine plus qu’un débutant et je bute sur un probleme vraiment con. Je veux modifier la couleur d’un bouton ainsi que du texte mais je ne sais pas où se trouve cet élément. Chrome-inspecter me le montre sans probleme mais sans montrer le chemin ; en haut à droite c’est juste écrit ‘(index) :114’.

Mozilla-examiner l’élément me le montre aussi ; mais cette fois ‘index’ s’appelle ‘inline’.

Comment je peux retrouver cet élément pour le modifier ?
Encore merci

Kris

[ProgElecT]

Salut Kris31-31, bienvenue sur DVP

Un lien vers la page permettre sûrement de t’apporter une aide plus efficace que de faire des suggestions.

[Kris31-31]

Volontiers ! On prépare une modif radicale du site PROD et ma recherche concerne pour le moment le site DEV. Mais l’équivalent de cet élément sur le site PROD se trouve ici – le bouton ‘SEND’ et le texte qui se trouve à l’interieur de ce bouton (donc Send). https://www.music-bay.net/contact-us/
Merci beaucoup

[ProgElecT]

Ok

Le bouton a pour class unique dans la page, wpcf7-submit, donc un document.getElementsByClassName("wpcf7-submit"); avec JavaScript te permet de récupérer un tableau d'objets et de cet objet (index 0) de modifier ce que tu veux.
Pour getElementsByClassName() il y a ce lien qui t'apportera des informations pour sa mise en œuvre.

[Kris31-31]

Merci pour la réponse ! J’ai regardé le document du lien mais je ne sais toujours pas comment modifier la couleur du bouton, car je ne sais pas où il se trouve. Désolé pour mon niveau en la matière…Chrome-Inspecter (tout comme Mozilla) me montre ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
button, input[type=reset], input[type=submit], input[type=radio]:checked, .button, #edd-purchase-button, .edd-submit, .edd-submit.button, .edd-submit.button:visited, input[type=submit].edd-submit, .current-cart .cart_item.edd_checkout a, .edd-wl-button, a.edd-wl-button, .edd-wl-button.edd-wl-action, a.edd-wl-button.edd-wl-action {
    color: #515a63;
    border-color: #515a63;
    background: #ffffff;
}

Et c’est justement ces 3 couleurs que je voulais modifier.
Mais comment fait-on pour retrouver où se trouve par ex. #515a63; ?

Je ne l’ai pas trouvé dans Simple css, ni dans style.css du thème, ni dans child-theme, ni dans style.css du plugin Contact Form, ni dans 6 autres files. Est-ce que la seule méthode serait de devoir fouiller le site entier à l’aveugle pour trouver un élément ? (je l’espère que non)

[NoSmoking]

Bonjour,
en regardant simplement le code la page on trouve ces règles dans la partie

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<style id="marketify-base-inline-css" type="text/css">
 <!-- toutes les règles ajoutées -->
</style>