Hallo,
als Anfänger in Sachen Wordpress habe ich mich die letzten Tage erstmal in .css reinfuchsen müssen und bin bisher auch mit meinem Ergebnis zufrieden.
Doch nun habe ich ein Problem mit dem Contact Form 7, bei dem ich einfach nicht weiterkomme :-?
Das Problem ist, dass ich das Kontaktformular via Textwidget in die Sidebar übernommen habe, nur leider wird das Formular seitlich nicht begrenzt die Textfelder gehen also bis zum äußersten Rand der Sidebar und das schaut doof aus. (siehe Bild)
Das Contact Form 7 kommt ja mit einem style.css den dortigen Code habe ich kopiert und in die style.css meines Themes eingefügt. Nur leider weiss ich nicht, wo dort die Breite des Formulars festgelegt wird, kann mir vielleicht einer der Pros hier kurz helfen, sprich:
Wo kann ich hier die Breite eines Formulars festlegen? Das schon eingetragene widht: 40px hat nichts bewirkt!!!
-----------------------------------------
Kontaktformular
-----------------------------------------
div.wpcf7 {
margin: 0;
padding: 0;
width: 40px;
}
div.wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
}
div.wpcf7-mail-sent-ng {
border: 2px solid #ff0000;
}
div.wpcf7-spam-blocked {
border: 2px solid #ffa500;
}
div.wpcf7-validation-errors {
border: 2px solid #f7e700;
}
span.wpcf7-form-control-wrap {
position: relative;
}
span.wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
background: #fff;
border: 1px solid #ff0000;
font-size: 10pt;
width: 280px;
padding: 2px;
}
span.wpcf7-not-valid-tip-no-ajax {
color: #f00;
font-size: 10pt;
display: block;
}
span.wpcf7-list-item {
margin-left: 0.5em;
}Danke für die Hilfe im Voraus und Viele Grüsse
Michael