Hallo ihr Lieben!
Hab ein kleines Problem mit meinem Kontaktformular. Möchte gerne ein Gewinnspiel mit 3 Auswahlmöglichkeiten erstellen. Soweit klappt alles super, bis auf eine Sache. Ich will hier eine Zustimmung machen, die der User aktzeptieren bzw. anhaken muss. Klappt auch alles super, allerdings ist mir das zu groß.
Ich möchte einfach den Text (Bedinungen) ganz klein darunter stehen haben. Hab die style.css schon x-mal geändert, aber es ändert sich einfach nichts.
Der Code im Formular sieht so aus:
PHP
<p>Teilnahmebedingungen<br />Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text,
[acceptance accept-this default:on] Ich bin einverstanden</p>Der Code in der style.css:
Code
/* Contact form */
.wpcf7-form p.field {
margin-bottom:5px;
border:none;
line-height:1.8em;
font-weight:bold;
}
.wpcf7-form p.field input {
padding:5px 0 5px 8px;
border:none;
width:330px;
margin-right:10px;
color:#111;
font-size:12px;
position:relative;
}
.wpcf7-form p.field small {
color:red;
}
.wpcf7-form textarea {
width:345px;
height:120px;
border:none;
font-size:1em;
padding:5px 0 5px 8px;
overflow:auto;
color:#111;
font-size:12px;
margin-bottom:20px;
position:relative;
}
.wpcf7-form .submit-wrap {
margin-bottom:0;
}
.wpcf7-form .submit-wrap input {
cursor:pointer;
height:29px;
width:125px;
display:inline-block;
font-size:12px;
color:white;
text-decoration:none;
margin-bottom:2px;
position:relative;
}
.wpcf7-form .submit-wrap input:hover { background-position:left -38px;}
.wpcf7-not-valid-tip {
width:200px;
position:absolute;
left:100%;
top:-5px;
padding:1px 0 1px 5px;
color:red;
border:none;
}Würde mich riesig über eine rasche Hilfe freuen, da ich einfach nicht drauf komme, was ich falsch mache :-(