2017-05-06 10 views
0

Ich bin die Änderung der bootstrap freelancer theme. Im Abschnitt mich kontaktieren, wenn Sie versuchen, die Farbe "Name" zu überschreiben, die erscheint, wenn Sie versuchen, das Namensfeld einzugeben, erscheint es mit # 18BC9C aber ich möchte es mit # 3fcbc7 angezeigt werden. Es scheint, dass sein Styling aufgrund einer Klasse von einem Eltern-Div kommt, die sich ändert, wenn ich auf die Eingabe im Inneren klicke. Ich habe versucht, Dev-Tools "Break on ... Attributänderungen" zu verwenden, aber vielleicht mache ich es falsch. Ich nahm die Klassen, die ich gesehen hatte, und versuchte, es so zu überschreiben, da es für die anderen Elemente funktionierte, aber es funktioniert hier nicht. Meine CSSBootstrap Freelancer Vorlage Thema Etikett Farbe überschreiben funktioniert nicht

custom.css

#page-top .floating-label-form-group-with-focus{ 
color:#3fcbc7!important; 
} 

#page-top .form-group col-xs-12 floating-label-form-group controls 
floating-label-form-group-with-value floating-label-form-group-with- 
focus { 
color:#3fcbc7!important; 
} 

hinzugefügt! Important aber nichts geändert. Die body id (page-top) wurde für die Priorität hinzugefügt, aber nicht geändert. Ich will nicht die min CSS-Datei bearbeiten, da ich gehört, dass schlechte Praxis betrachtet wird

Antwort

0

Check in Ihrem <head>, dass Sie Ihre benutzerdefinierte CSS-Datei NACH die Bootstrap CSS-Datei sind aufgerufen wird. Ihre benutzerdefinierten Stile sollten zuletzt aufgerufen werden, wenn der Browser diese CSS-Regeln der Reihe nach liest. Wenn Ihre Bootstrap-CSS-Datei AFTER Ihre benutzerdefinierte ist, wird Ihr benutzerdefiniertes Stylesheet überschrieben.

+0

ja zur Verfügung gestellt haben ihre nach dem freelancer.min.css – matrices

+0

Sie sollten nicht in einer Antwort schreiben, dass es ein Kommentar ist, denn in * Review * werden viele Leute nicht weiterlesen. Wenn Sie nicht 100% sicher sind, ob es die Frage beantwortet, ist das in Ordnung. Ein Kommentar ist z.B. eine Frage zur Klärung, oder etwas wie ** dieser Kommentar, das ist völlig unzusammenhängendes Zeug. Eine unvollkommene Antwort ist vielleicht immer noch besser als gar keine Antwort. – derM

+1

Um sicherzustellen, dass Ihre Antworten nicht gelöscht werden, achten Sie auf Ihre Sprache: Geben Sie keinen Hinweis, es könnte ein * Kommentar * sein, beginnen Sie nicht mit 'Versuchen'. Antwort * definitiv *! ;-) Lesen Sie [über was ist eine Antwort, und was nicht.] (Https://meta.stackexchange.com/questions/225370/your-answer-is-in-another-castle-when-is-ansanswer -nicht-eine-Antwort). Übrigens: Sie haben jetzt 50 Rep. Viel Spaß beim Kommentieren! – derM

0

dieses Versuchen Sie, diese Stil in Ihrer index.html durch Zugabe von selbst

<style> 
floating-label-form-group-with-focus label { 
    color: #3fcbc7; 
} 
</style> 

Oder Sie können Ihre CSS hinzufügen, die Sie oben ^^

+0

Ich habe vergessen zu erwähnen, dass es für eine kurze Sekunde scheint, als ob mein hellblauer Stil in Kraft tritt und dann das Grün auf Grund von js irgendwie auf mich übergreift. Ich habe den Code zu index.html hinzugefügt, aber es macht keinen Unterschied zu Ihrem oder meinem. – matrices

Verwandte Themen