Hintergrund Kontaktformular in Wordpress

Beitrag von **micky005** » 24.02.2010, 14:57

Hallo allerseits,

Habe das contact form 7 in meinem wordpress Blog eingebaut in die Seite Kontakt. Nun möchte ich aber den Hintergurnd des Kontaktformulars ändern und weis nicht wie, denn der HIntergurnd ist wiess und Kontaktformular ist ebenfalls weiss, sieht blöd aus, soll sich etwas farblich abheben.

Mit bodyground gehts nicht in der style css. da der Blog ein 2 Farben Layout hat,
der Bloghintergurnd hat eine dunkle Farbe, der Hintergrund der Seiten, wo Artikel und Kommentare geschrieben werden ist weiss, aber wie ich den Hintergrund der seiten ändern kann, ja bloss wie und wo?

Weis jemand Rat?

Viele Grüße
micky005

von **Anzeige von ABAKUS** »

Hochwertiger Linkaufbau bei ABAKUS:

Google-konformer Linkaufbau
nachhaltiges Ranking
Linkbuilding Angebote zu fairen Preisen
internationale Backlinks

Wir bieten Beratung und Umsetzung.
Jetzt anfragen: 0511 / 300325-0

Beitrag von **raphael** » 24.02.2010, 15:02

Hat das Plugin nicht eine Möglichkeit die Farben einzustellen? Wahrscheinlich links im Adminbereich unter "Settings" oder "Einstellungen". Die meisten Plugins haben hier eine Möglichkeit die Vorgaben des Programmierers zu adaptieren.

Beitrag von **micky005** » 24.02.2010, 15:11

@raphael,

Dieses contact form 7 Plugin, bietet keine Möglichkeit der Auswahl der Hintergrundfarbe unter Generate Tag-nix.

Tja, am besten wohl die Hintergrundseite farblich ändern, wo meine Beiträge und die Kommentare reinkommen, denn die hat eine andere Farbe als das layout drumherum.Doch ich finde den code nicht in der style css für diese seiten, unter comments?

viele grüße
micky005

von **Anzeige von ABAKUS** »

Beitrag von **micky005** » 24.02.2010, 16:29

Habe eben mal in der css style von contact Form 7 die bodygroundfarbe geändert und hochgeladen-nix passiert, alle Felder weiss auf weissem Hintergrund.

Dann mal ein anderes Theme namens clear genommen:
Clear
Theme URI: https://www.diovo.com/links/clear/

Alles versucht Hintergrundfarbe zu ändern in der css style;

in comment, blockqoute, body, textarea, nix hilft es bleibt einfach weiss.

Niemand weiss Rat wie man in contact form7 die Hintergrundfarbe des Kontaltformulars einstellen kann?

Kennt jemand wenigstens einen besseres Kontaktfomlar biitte in DEUTSCH für Wordpress, wo man die Hintergurndfarbe einstellen kann?

viele grüße
micky005

Beitrag von **Synonym** » 24.02.2010, 16:42

@micky005
Wie es geht weiß ich nicht, aber es geht, das weiß ich. Ist ein normales DIV-CSS-Gerüst, also kann man da auch die Werte / Farben ändern

Schon mal hier die Werte angegeben? Weiß nicht ob das die richtige Stelle ist, aber testen könnte man das ja wohl.

Code: Alles auswählen

div.wpcf7 &#123;
	margin&#58; 0;
	padding&#58; 0;
&#125;

bodygroundfarbe -> was ist das?

Beitrag von **micky005** » 24.02.2010, 16:55

@hallo synonym,

meinte backgroundfarbe natürlich..

Hier im ordner admin des contact form7, befindet sich ebenfalls eine css datei, hier der auszug des anfangs dieser langen datei. Dort habe ich den Farbwert ffff99 eingefügt, css per ftp aktualisiert und hochgeladen- nix passiert, bleibt im wp theme alles in weiss.

Hier der code vom ordner admin des contact form 7:

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: #ffff99;
border-color: #e6db55;
text-align: center;
}

Hier habe ich unter background color den Wert ffff99 eingegeben- nix passiert.

viele grüße
micky005

Beitrag von **Synonym** » 24.02.2010, 17:01

Aha,

aber Dir ist schon bewusst, dass das das CSS für den Admin-Bereich ist? Sicherlich, denn das hast Du ja selbst geschrieben (... im ordner admin ...).

Und Dir ist sicher auch bewusst, dass das die Einstellungen für für "Donation" sind, oder, zumindest hast Du das ja kopiert "... div.wpcf7 div.donation {} ..."

Nimm doch einfach die CSS im öffentlichen Ordner, nicht die vom Admin-Bereich und dort den ersten Bereich, der eben div.wpcf7 { } heißt, eben so, wie der Container vom Kontaktformular.

Oder meinst Du ich habe den Code oben zum Spaß gepostet. Das ist der Original-Code aus dem CSS.

Beitrag von **micky005** » 24.02.2010, 17:11

@sysnonym

Hier der normale css code, wo soll ich da die farbwerte ffff99 eintragen, wenn ja mit welchem tag?

div.wpcf7 {
margin: 0;
padding: 0;
}

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;
}

.wpcf7-display-none {
display: none;
}

img.ajax-loader {
border: none;
vertical-align: middle;
}

viele grüße
micky005

Beitrag von **Synonym** » 24.02.2010, 17:22

Papagei?

wo soll ich da die farbwerte ffff99 eintragen

.... und dort den ersten Bereich, der eben div.wpcf7 { } heißt, ....

wenn ja mit welchem tag?

... Wie wäre es mit background-color: #ffff99;? Eben so, wie Du es schon zuvor im falschen CSS gemacht hattest?

... Weiß nicht ob das die richtige Stelle ist, aber testen könnte man das ja wohl. ...

Beitrag von **micky005** » 24.02.2010, 18:20

@synonym

Jau, yepp, jetzts hats funktioniert, soll man nicht glauben.... war so einfach

Danke dir für deine rasche Hilfe!

viele grüße
micky005