Annonce

Faites la différence entre le service WordPress.com et l'application libre WordPress.

Mettez-vous à jour ! WordPress 3.9 est disponible en français.

Annonce 1 : Le Codex en français a besoin de vous pour avancer !
Annonce 2 : Avant de poster, n'oubliez pas de faire une petite recherche et de lire les règles de ce forum.
Annonce 3 : Lisez notre blog, il regorge de bonnes informations.
Annonce 4 : Rejoignez-nous sur Facebook, Google + et sur Twitter

#1 06-05-2010 00:40:36

moana
Habitué WP
Lieu: martinique
Date d'inscription: 22-03-2010
Messages: 51
Site web

changer la couleur de texte dans contact form 7

bonjour quelqu'un peu me dire ce que je dois faire pour changer la couleur du texte pour l'extention contact form 7
je pense que c'est dans une des feuille de style, mais je ne sais pas ou et quoi mettre.
merci

Hors ligne

 

#2 06-05-2010 08:56:25

yorigami
Bavard WP
Lieu: Isère
Date d'inscription: 02-02-2009
Messages: 200
Site web

Re: changer la couleur de texte dans contact form 7

Bonjour,
Je ne sais pas comment on la change, mais il me semble que la couleur est héritée de ton thème et de l'attribut de couleur donné à la balise <p>.
Je pense qu'il faut dans le CSS de ton thème, chercher <form> et trouver la bonne syntaxe pour que seul les <p> de <form> soit affecté par cette couleur. Mais je ne sais pas faire.

Dans ton thème, tu peux essayer ça, tu cherche la balise <form> et dessous tu rajoutes ta couleur color:green; ce qui oit donner un truc comme ça :

Code: html

form {
color:green; /*couleur du libellé*/
…;
…;
…;
}

Dernière modification par yorigami (06-05-2010 09:09:53)

Hors ligne

 

#3 06-05-2010 16:47:10

moana
Habitué WP
Lieu: martinique
Date d'inscription: 22-03-2010
Messages: 51
Site web

Re: changer la couleur de texte dans contact form 7

effectivement ça parait logique, merci
par contre j'ai cherché la balise en question, mais ça n'a pas marché.
si quelqu'un à une autre solution.
en faite mon thème c'est aeros-fr que j'ai un peu modifié a ma sauce voici ce que ça donne:
http://www.photomoana.com/wordpress/?page_id=23
c'est justement ici que je rencontre un problème, lorsque j'envois un message, la confirmation de l'envoi et en noir donc on ne voit rien.
merci pour vos aides

Hors ligne

 

#4 07-05-2010 17:45:25

Tam
Membre WP
Date d'inscription: 07-05-2010
Messages: 1

Re: changer la couleur de texte dans contact form 7

Bonjour, Moana

As-tu trouvé la solution à ton problème ?
J'ai eu un problème similaire que je viens juste de résoudre, et si tu en as toujours besoin je peux te dire comment t'y prendre

Je ne te décris pas la marche à suivre en détail tout de suite car tu n'en as peut être plus besoin, mais dans l'idée, si tu ne trouvais pas de balises "form" ou autres "textarea" dans les feuilles de styles de ce plugin, c'est parce qu'elle n'y sont nulle part.
Je pense qu'en ne mettant rien à ce sujet l'auteur a pris soin de laisser les styles par défault d'un formulaire.
Il ne reste plus qu'à rajouter à la fin de "contact-form-7/styles.css" par exemple, tout ce que tu as besoin de personnaliser en css.

Cordialement,
Tam.

Hors ligne

 

#5 07-05-2010 23:01:59

moana
Habitué WP
Lieu: martinique
Date d'inscription: 22-03-2010
Messages: 51
Site web

Re: changer la couleur de texte dans contact form 7

non toujours pas j'ai essayé de suivre tes conseils, mais vu que je suis novice en la matière je n'y suis pas parvenu.
pourais tu détailler ta manipulation.
merci

Hors ligne

 

#6 20-05-2010 17:08:54

moana
Habitué WP
Lieu: martinique
Date d'inscription: 22-03-2010
Messages: 51
Site web

Re: changer la couleur de texte dans contact form 7

bonjour a tous
vu que ça fait quelque temps que je cherche et que je ne trouve toujours pas,
je repose ma  question peut être quelqu'un peu m'apporter quelque chose d'autre.

a parement, il faudrait que je trouve comment changer le texte par défaut dans le css de mon thème
qui en passant est aeros-fr
voici les lignes que je trouve dans le css, j'ai trouvé la balise form, mais je doit mal m'y prendre car rien ne change

Code: html

#search {list-style-type:none;
         padding:5px 5px 5px 0;

}

.notfound {
         margin:40px 100px 0 100px;
         text-align:center;
         font-weight:bold;
         background:#fff;
         padding:20px 10px;}


.notfound a {
         text-decoration:underline;}

#sidebar form {
        margin: 0;


        padding:0;

        list-style-type:none;
}

#sidebar input#s {
        text-align:left;
        margin-left:0px;
        width: 77%;
        color: #000;
        font-weight:bold;
        font-family: verdana, arial,sans-serif;
        font-size:12px;
}

#sidebar a {font-weight:normal; color:#fff;}

#sidebar a:hover {
         color:#fff;
         text-decoration:underline;
}


#sidebar h3 {font-weight:bold; font-size:15px; margin:17px 0 6px 5px;}

#sidebar ul {
        color: #fff;
        font-weight: bold;
        list-style-type: none;
        margin: 0;
        padding-left: 0px;
}

#sidebar ul li {
        font-family: Arial, Verdana, sans-serif;
        padding:0 10px 1px 10px;
        margin:3px 0 0 0;
        list-style-type: none;
        font-size:11px;
}



/*       ++++++++++++++++++++++++++++++++++++++++++++++++++++++
        ++++++++++++++++++ Special Stylings ++++++++++++++++++
         +++++++++++++++++++++++++++++++++++++++++++++++++++++*/



/* +++++++++++++++ The Heading of your Posts and Pages ++++++++++++++++++ */

.storytitle {
        color:#000;
        padding-bottom:2px;
        border-bottom:1px solid #808080;
        text-align:left;
}

.storytitle h3 {text-align:left;}

.storytitle a {
        text-decoration: none;
        color:#808080;
        font-size:18px;
        font-weight:bold;
}

.storytitle a:hover {
        text-decoration:none;
}

.storytitle a:visited {
}


.post {
       clear:both;
       padding-bottom:10px;
       overflow:visible;

}

.feedback {
       float:left;
       font-size:10px;
       margin-bottom:20px;
}

.feedback a {font-weight:normal;}

.storycontent p a {text-decoration:underline;}

.meta {
        font-size: 10px;
        font-family: Arial, Verdana, sans-serif;
        color: #808080;
        clear:both;
        padding-top:2px;
        border-top:1px solid #808080;
        margin:30px 0 0 0;
}

.meta li, ul.post-meta li {
        display: inline;

}

.meta ul {
        display: inline;
        list-style: none;
        margin: 0;
        padding: 0;

}


.meta a, .meta a:visited {
        color: #808080;
        font-weight: bold;
}


.meta a:hover {
        border-bottom:1px solid #808080;
}

ul.post-meta {
        list-style: none;
}

ul.post-meta span.post-meta-key {
        font-weight: bold;
}

.footprint {

        border-top: 3px double #fff;
        color: #fff;
        font-size: 11px;
        margin: 10px 0 0 0;
        background:#000;
        padding: 3px;
        text-align: center;
        clear:both;

        opacity: 0.7;filter:alpha(opacity=70);zoom:1;

         -webkit-border-top-left-radius:10px;
         -webkit-border-top-right-radius:10px;
         -webkit-border-bottom-left-radius:0px;
         -webkit-border-bottom-right-radius:0px;

         -khtml-border-radius-topleft:10px;
         -khtml-border-radius-topright:10px;
         -khtml-border-radius-bottomleft:0px;
         -khtml-border-radius-bottomright:0px;

         -moz-border-radius-topleft:10px;
         -moz-border-radius-topright:10px;
         -moz-border-radius-bottomleft:0px;
         -moz-border-radius-bottomright:0px;

}

.footprint a {
        color:#fff;

}


/* +++++++++++++++ The comment section +++++++++++++++++ */


#commentform #author, #commentform #email, #commentform #url, #commentform textarea {

        border: 1px solid #808080;
        padding: .2em;
        margin-left:10px;
}

#commentform textarea {
        width:96%;
}

#commentlist {
        width: 97%;
        font-size:11px;
        color:#000;
        margin:0 0 20px 0;
        padding: 0 0 0 10px;
}

#commentlist li {
        border:5px solid #dcdcdc;
        margin:0 0 20px 0;
        list-style-type:none;
        padding:0px;
        background:#f5f5f5;

         -webkit-border-radius:5px;
         -khtml-border-radius:5px;
         -moz-border-radius:5px;

}

#commentlist ul {margin:0; padding:0;}

#commentlist li p {font-size:12px;
        padding:5px 10px 5px 80px;
        margin:0;

}

#commentlist a {
        text-decoration:underline;
        font-weight:bold;color:white
}

#commentlist li div.meta {padding:0; margin:0; text-align:center;}

#commentlist li .avatar {
        float:left;
        padding:0;
        margin:5px;

}

.authorcomm {float:left;
            margin:0;
            padding:0;
            width:70px;
            text-align:center;
            line-height:12px;
            font-size:10px;
}

.authorcomm a {text-decoration:none; font-weight:bold;}

/* ++++++++++++++++++ Not to much css for the Calendar ++++++++++++++++++ */

#wp-calendar {

        border: 1px solid #999;



        empty-cells: show;
        font-size: 11px;
        width:90%;
        text-align:center;
}

#wp-calendar a {text-decoration:underline; font-weight:bold;}
#wp-calendar a:hover {border:none; color:#fff;}
#wp-calendar caption {text-align:left;}



/* ++++++++++++++++++ IMAGES Size & aligment ++++++++++++++++++ */

img.alignleft {
        float: left;
        margin:0 10px 5px 0;

}

img.aligncenter {
        margin-top:10px;
        margin-bottom:10px;
        display: block;
        margin-left: auto;
        margin-right: auto;

}

img.alignright {
        float: right;
        margin:0 0 5px 10px;

}

img.size-thumbnail {
}

img.size-medium{
}

img.size-full {
}

/* ++++++++++++++++++ WORDPRESS Captions & aligment ++++++++++++++++++ */


.aligncenter,
div.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
}

.alignleft {
        float: left;
}

.alignright {
        float: right;
}

.wp-caption {
        border: 1px solid #ddd;
        text-align: center;
        padding-top: 4px;
        margin: 10px;
}

.wp-caption img {
        margin: 0;
        padding: 0;
        border: 0 none;
}

.wp-caption p.wp-caption-text {
        font-size: 11px;
        line-height: 17px;
        padding: 0 4px 5px;
        margin: 0;
}

#wp-admin-bar {align:center; margin:0; padding:5px; background:#f9f9f9; border:1px solid #666; clear:both; text-align:center}
#wp-admin-bar ul {margin:0; padding:0}
#wp-admin-bar ul li {list-style-type:none; display:inline; margin:0 10px; padding:0}

volia merci pour toute aide apporté, même morale wink

Hors ligne

 

#7 08-01-2011 21:06:45

gwenm
Maître WP
Lieu: Aiffres
Date d'inscription: 27-04-2009
Messages: 1014

Re: changer la couleur de texte dans contact form 7

Bonjour,
Habituellement j' arrive à faire à peu près ce que je veux avec le css d' un thème, mais là , j' ai besoin d' une aide..Je n' arrive pas à changer la couleur du texte des articles dans le thème "Simple White 1.2", que trouvé dans l' administration de wordpress. J' ai beau essayé avec firebug, j' ai pu changer la couleur du sidebar, des liens, mais pas du contenu..est ce que quelqu' un peut éventuellement jeter un oeil?


Tant qu'un humain n'a pas aimé un animal, une partie de son âme reste endormie.
Avec ACTU Animaux , Clicanimaux, SOS Couvertures, Aide Animaux sauvez des animaux en cliquant !
Mon magasine: Animal Fléaux

Hors ligne

 

#8 08-01-2011 21:52:51

gwenm
Maître WP
Lieu: Aiffres
Date d'inscription: 27-04-2009
Messages: 1014

Re: changer la couleur de texte dans contact form 7

gwenm a écrit:

Bonjour,
Habituellement j' arrive à faire à peu près ce que je veux avec le css d' un thème, mais là , j' ai besoin d' une aide..Je n' arrive pas à changer la couleur du texte des articles dans le thème "Simple White 1.2", que trouvé dans l' administration de wordpress. J' ai beau essayé avec firebug, j' ai pu changer la couleur du sidebar, des liens, mais pas du contenu..est ce que quelqu' un peut éventuellement jeter un oeil?

resolu j' ai ajouté color: #5E5E5E;


Tant qu'un humain n'a pas aimé un animal, une partie de son âme reste endormie.
Avec ACTU Animaux , Clicanimaux, SOS Couvertures, Aide Animaux sauvez des animaux en cliquant !
Mon magasine: Animal Fléaux

Hors ligne

 

#9 20-02-2011 14:45:48

Pam
Membre WP
Date d'inscription: 20-02-2011
Messages: 1

Re: changer la couleur de texte dans contact form 7

Bonjour à tous,

Je rencontre le même pbm que Moana.
J'ai intégré un formulaire sur l'une de mes pages.
Mon thème général (encore en construction) est un peu personnalisé et mon texte est blanc par défaut sur quasi l'ensemble de mon site.
du coup si un internaute souhaite remplir mon formulaire, le texte est blanc sur fond blanc :s

J'ai donc tenté de modifier le plugging, en vain
J'ai ensuite recherché l'extention "contact-form-7/styles.css" evoquée sur ce forum mais je n'ai pas su l'activiter.
Alors, j'ai copié les codes du "contact-form-7/styles.css" qui sont les suivants :

div.wpcf7 div.cf7com-links {
    text-align: right;
    font-size: .8em;
    margin-top: -1.6em;
}

div.wpcf7 div.cf7com-links a {
    text-decoration: none;
}

div.wpcf7 div.donation {
    border-width: 1px;
    border-style: solid;
    padding: 0 0.6em;
    margin: 5px 0 15px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: red;
    border-color: red;
    text-align: center;
}

div.wpcf7 div.donation p {
    margin: .7em 0;
    line-height: 1;
    padding: 2px;
    font-size: 107%;
}

div.wpcf7 div.donation p a {
    font-weight: bold;
    color: #3f3f3f;
}

div.wpcf7 div.donation p a.button {
    margin-left: 1em;
}

div.wpcf7 ul.subsubsub {
    white-space: normal;
}

ul.subsubsub li.addnew {
    margin-left: 0.5em;
}

ul.subsubsub li.addnew a {
    color: #e6255b;
}

ul.subsubsub li.addnew a:hover,
ul.subsubsub li.addnew a:active {
  color: #999;
}

div.save-contact-form {
    padding: 1.4em 0 0 0;
    text-align: right;
}

div.actions-link {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
}

div.actions-link input {
    padding: 0;
    margin: 0;
    border: none;
    background-color: #fff;
    font-size: 11px;
    cursor: pointer;
}

div.actions-link input.copy {
    color: #006505;
}

div.actions-link input.delete {
    color: #bc0b0b;
}

input#wpcf7-title {
    color: #555;
    background-color: #fff;
    border: none;
    font: bold 20px serif;
}

p.tagcode {
    color: #333;
    margin: 2ex 0 1ex 1em;
}

input#contact-form-anchor-text {
    color: #fff;
    background: #7e4e0b;
    border: none;
    width: 99%;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

span#message-fields-toggle-switch, span#additional-settings-fields-toggle-switch {
    margin-left: 1em;
    font-weight: normal;
    font-size: smaller;
    color: #2583ad;
    cursor: pointer;
}

div.pseudo-hr {
    border-bottom: 1px solid #fff;
    margin: 0.7em 0;
}

input, textarea {
    border: 1px solid #dfdfdf;
}

input.wide {
    width: 100%;
}

textarea {
    width: 100%;
}

label.disabled {
    color: #777;
}

div.message-field {
    margin: .2em 0 .4em;
}

div.tag-generator {
    position: relative;
    background: #fff;
    padding: 5px 0 5px 1px;
}

div.tg-pane {
    border: 1px dashed #999;
    background: #f1f1f1;
    margin: 1ex 0 0 0;
    padding: 10px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

div.tg-pane table {
    width: 100%;
    margin: 0 0 0.7em 0;
}

div.tg-pane table caption {
    text-align: left;
    padding: 0 0 0.2em 0;
    font-weight: bolder;
    color: #777;
}

div.tg-pane table code {
    background-color: inherit;
}

div.tg-pane table td {
    vertical-align: top;
    width: 50%;
    border: none;
}

div.tg-pane input.tag, div.tg-pane input.mail-tag {
    width: 100%;
    border: none;
    color: #fff;
    background-color: #7e4e0b;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

div.tg-pane input.mail-tag {
    width: 50%;
    background-color: #404f03;
}

div.tg-mail-tag {
    margin-top: 2.4em;
    text-align: right;
}

div.tg-pane span.arrow {
    font-family: monospace;
    font-size: 1.2em;
    color: #333;
}

div.tg-pane input.tg-name {
    border-color: #555;
}

div.tg-pane input.oneline {
    width: 98%;
    font-size: smaller;
}

div.tg-pane textarea {
    width: 98%;
    height: 100px;
    font-size: smaller;
}

div.tg-pane div.tg-tag {
    margin: .4em 0;
}

div.tg-dropdown {
    position: absolute;
    top: 26px;
    left: 0;
    z-index: 10;
    border: 1px solid #ddd;
}

span.tg-closebutton {
    color: #777;
    font: bold 18px monospace;
    padding: 1px 4px;
    cursor: pointer;
}

div.tg-panetitle {
    font: bold 132% sans-serif;
    margin: 0 0 10px;
    color: #777;
}

Mais je ne sais pas où les coller :-/

J'ai tenté de le faire dans les "Réglages complémentaires" mais aucun résultats.

Je souhaite juste avoir mon texte en noir!!!

Merci d'avance de votre aide,
Pam

Hors ligne

 

#10 23-01-2014 14:48:57

facesdesign
Membre WP
Date d'inscription: 23-01-2014
Messages: 1

Re: changer la couleur de texte dans contact form 7

Il suffit d'aller dans le bootstrap de ton site, ou dans le style css de votre thème.
Chercher body, normalement vers la ligne 193 sous notepad++
Changer la valeur #333333 par #ffffff et le tour est joué.
Pour être sur que cela fonctionne n'hésitez pas à installer un module wordpress en local, et tester les lignes en local , comme sa votre site ne bougera pas.

Hors ligne

 

Pied de page des forums

Propulsé par PunBB 1.2.23
© Copyright 2005-2006 WordPress France

[ Generated in 0.059 seconds, 18 queries executed ]