Markierung Felder in Kontaktfomularnicht mehr lesbar

hydro

Hi
wenn ich bei meinem Kontaktfomular von Name zu Mail und Text springe, wird der Hintergrund hell und ist nicht mehr lesbar (sie Bild)

Woran hängt das?

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

g3h

Im Firefox mit STRG+Shift+I (alternativ mit Firebug) die ID, wo die Schriftfarbe hinterlegt ist, ausmachen und dann in der CSS-Datei ändern oder im Dashboard im Custom-Css Feld des Themes.

MfG

hydro

Ich finde das Ding in Firebug.

<body id="kk-center" class="page page-id-149 page-template page-template-template-contacts-php gecko">
Da scheinen die Felder definiert zu sein, bei der Higlight-Farbe hau ich mir grad den Kopf ein.#

Aber wo kann ich mit Firebug auslesen, aus welcher Datei er das holt?

Ja, ich warte hier nicht mal mit Halbwissen auf :-)

hydro

So, das ist der Kamerad:
<input id="nameTo" type="text" value="" aria-required="true" name="nameTo" style="border-color: rgb(240, 240, 240); background-color: rgb(246, 246, 246);">

was sich mit Firebug zb auf rgb 128,128,128 in grau ändern lässt.

Aber wie schreibe ich das in die datei (dark-style.css) und wie weiß ich, auf was sich das noch auswirkt?

g3h

Sieht aus als würde das in einer PHP-Datei stehen.
Aber du könntest mal folgendes in deine Custom-CSS Felder vom THeme schreiben.
Keine Ahnung ob das geht, kannst es auch mal in die default.css des Themes versuchen.

Code

#nameTo { background-color: green; }

bzw. für die Schriftfarbe nur "color"

MfG

Edit: vielleicht ganz nützlich http://de.selfhtml.org/html/formulare/formatieren.htm

formateins

Try:

input, textarea {color:#333 !important;}

Am Ende der style.css des Themes. Select & Co. kannste dann selber hinzufügen.

hydro

Hi,

danke, klappt aber beides nicht. Werde versuchen die dark-style.css direkt zu ändern. fehlt mir nur die richtige traute.
Aber wenn ich das ding umbenenne, kopiere und die geänderte wieder einstelle sollte es keinen Probleme geben, oder?

g3h

Mach einfach ein Backup (Kopie) der Dateien, die du änderst, dann kannst du soviel testen wie du willst.

MfG

hydro

[COLOR=#ff0000]kann mir jemand das erklären: das ist der bereich, um den es geht (firebug-anzeige im Bereich html)[/COLOR]

</div>

[COLOR=#ff0000]hier ändere ich rgb(246, 246, 246) in rgb(128, 128, 128) - und schon passt es.

im css-file ist das natürlich nicht zu finden, hier zeigt mir firebug rechts an: [/COLOR]

element.style {

background-color: #F6F6F6;

border-color: #F0F0F0;

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

}

dark-s...r=3.7.1 (Zeile 218)

input, textarea, select {
-moz-box-sizing: border-box;
box-shadow: 0 1px 2px 0 rgba(128, 128, 128, 0.8);
color: #888888;
font-size: 13px;
line-height: 18px;
margin-bottom: 15px;

[COLOR=#ff0000]müsste das sein:
[/COLOR][COLOR=#ff0000]element.style {
[/COLOR]
[COLOR=#ff0000] background-color: #F6F6F6;
aber hier sehe ich nicht in welchem css-file das steht (der block darunter gehört zum dark-style.css)

sorry wenn ich mich blöd stelle, aber ich bin ganz am anfang

[/COLOR]
[COLOR=#ff0000]

[/COLOR]

hydro

bereich könnte zu reset.css gehören - aber das klingt für mich so, dass er auch bei anderen teilen der homepage verwendet wird?????

hydro

ich versuche es mit einem screenshot................

ich sehe nur, dass ein teil der dark-style.css überschrieben wird - aber von was?
brauche ich nicht sowas wie ein geerbt-fenster, das hier nicht angezeigt wird?

formateins

Ein Link wäre praktischer.

Sofern jQuery da nicht "rumpfuscht", sollte die !important-Regel greifen. Rumpfuschen bedeutet, wenn jQuery den Element-Style _nach_ dem Laden der Seite verändert.

Womit wird das Formular generiert?

hydro

ja, jetzt endlich eine Antwort der Theme-Erstellerin

jQuery.form.js - nur die ist auf der Homepage nicht zu finden

g3h

Die Datei liegt normal unter \wordpress\wp-includes\js\jquery.
Die würde ich jetzt aber nicht direkt verändern.

hydro

Danke. Aber da steht do eh unfug:

function validateMessage(){
var a = $("#message").val();
if(!a){
$("#message").css({"border-color":"#FF0000"},200);
$("#message").css({"background-color":"#666666"},200);
return false;
}else{
$("#message").css({"background-color":"#f6f6f6"},200);
$("#message").css({"background-color":"#f6f6f6"},200);
return true;
}
}

warum ist bei message (else) 2x der Hintergrund definiert?

formateins

Wenn das Feld leer ist, wird die eine Farbe gesetzt, ansonsten ne andere.

Auf häppchenweise Code-Auszüge hab ich keine Lust - bin raus.

hydro

Zitat von formateins

Wenn das Feld leer ist, wird die eine Farbe gesetzt, ansonsten ne andere.
Auf häppchenweise Code-Auszüge hab ich keine Lust - bin raus.

Das war klar, ich bin nur an dem hängengeblieben:
}else{
$("#message").css({"[COLOR=#ff0000]background-color":"#f6f6f6"}[/COLOR],200);
$("#message").css({"[COLOR=#ff0000]background-color":"#f6f6f6"}[/COLOR],200);
return true;

der Rest der Datei war einsichtig - nur das letzte haben ich nicht verstanden. Nun gut. Trotzdem Danke

g3h

Ja zweimal der selbe Eintrag hintereinander macht wenig sinn.

hydro

Mit eurer Hilfe sieht das Kontaktformular jetzt so aus wie es soll.
Danke an alle!!!!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Markierung Felder in Kontaktfomularnicht mehr lesbar

Jetzt mitmachen!