- Statut : non résolu
- Ce sujet contient 11 réponses, 6 participants et a été mis à jour pour la dernière fois par aglae361, le il y a 5 mois et 4 semaines.
-
AuteurMessages
-
30 juin 2011 à 13 h 16 min #496858
Bonjour,
J’utilise le plugin Contact Form 7. Mon problème c’est au niveau de la checkbox. Il met tous les choix sur une seule ligne. Y’a t’il une possibilité de faire des saut de ligne au niveau du choix. Voici le code :
[checkbox Monchoix « Choix 1 » « Choix 2 » « Choix 3 »]
Merci
30 juin 2011 à 15 h 43 min #779140Ca doit pouvoir se régler en css.
30 juin 2011 à 16 h 18 min #779141Oui mais je ne sais pas comment
30 juin 2011 à 16 h 27 min #779142Sans lien vers ton thème ca va pas etre possible. Sinon tu fais un clic droit lorsque tu es sur ton site (frontend) et que tu vois les checkbox en question et tu notes les ID et les classes qui sont données et tu appliques tes modifs dans le fichier style.css
30 juin 2011 à 17 h 07 min #779143Merci Wasicu pour votre réponse. Lorsque vous parlez du style.css est celui du plugin ou du thème ? J’ai fais un clic droit sur mon site sur u checkbox et je ne vois pas ou je peux voir l’ID et les classes
30 juin 2011 à 17 h 13 min #779144Clic droit et code source de la page. Ca doit se trouver dans un tag
30 juin 2011 à 17 h 33 min #779145Je vous donne le code style.css du plugin si vous pouvez trouver quelque chose :
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: #ffffe0;
border-color: #e6db55;
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;
}30 juin 2011 à 18 h 11 min #779146Sauf que cela ne me sert à rien car seul celui qui a accès au site peut voir l’ID ou class concernés.
18 janvier 2012 à 16 h 40 min #779147Bjr,
toujours dactualité ?
10 mai 2015 à 21 h 14 min #779148Bjr,
vous attribuez un id à votre checkbox comme ceci :
[checkbox Monchoix id:monchoix « Choix 1 » « Choix 2 » « Choix 3 »]
puis dans la la page vous vous mettez en mode « Text »
Vous ajoutez les balises suivantes et
Entre ces deux balises vous mettez :
#monchoix span.wpcf7-list-item { display: block; }Assurez-vous, en visualisant le code source de la page, que la class wpcf7-list-item attribué à la balise span correspond bien à la liste que vous souhaitez modifier.
10 mai 2015 à 22 h 24 min #779149Bonsoir,
2011,
2012…2015êtes-vous certain d’apporter une réponse attendue, au bout de 4 ans ?
le demandeur ne s’est plus manifesté depuis 2012.11 juin 2024 à 14 h 44 min #2474593Oui, Clairement, pour moi <span class= »bbp-author-name »>Ikayms</span> a raison, ce code est toujours d’actualité et peux clairement servir aux débutants
-
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.