CSS code Falsch?

Thema wurde von Andili, 5. März 2018 erstellt.

  1. Andili
    Andili Erfahrener Benutzer
    Registriert seit:
    29. Dezember 2017
    Beiträge:
    249
    Danke erhalten:
    18
    Danke vergeben:
    110
    Hallo zusammen,

    Ich versuche gerade die Schriftfarbe "ALLE" (Pic) in der Suchleiste zu aendern und der code stimmt laut Chrom im "Untersuchen".. dieser aendert aber die Farbe nicht..


    Hier ist der Code:

    .btn.btn-default, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-default, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.btn, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary {
    color: #fff;
    background-color: #fff;
    border-color: #c8c8c8;
    background-color: #fff;
    }

    Waere auch sehr dankbar wenn jemand den code fuer die Schriftfarbe "SUCHE" hat..
     

    Anhänge:

  2. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Für das "alle", versuche es mal damit:
    Code:
    #search .input-group .input-group-btn .dropdown-toggle{
    color: #fff;
    background-color: #fff;
    border-color: #c8c8c8;
    background-color: #fff;
    }
     
  3. Andili
    Andili Erfahrener Benutzer
    Registriert seit:
    29. Dezember 2017
    Beiträge:
    249
    Danke erhalten:
    18
    Danke vergeben:
    110
    Super, auf dich ist halt verlass..
    Ich danke dir sehr

    Genau richtig...
     
  4. Andili
    Andili Erfahrener Benutzer
    Registriert seit:
    29. Dezember 2017
    Beiträge:
    249
    Danke erhalten:
    18
    Danke vergeben:
    110
    Dann muss ja der Code fuer das "SUCHE" fast gleich sein oder?
     
  5. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Nein, das ist komplizierter, meine ich.
     
  6. Andili
    Andili Erfahrener Benutzer
    Registriert seit:
    29. Dezember 2017
    Beiträge:
    249
    Danke erhalten:
    18
    Danke vergeben:
    110
    hmm jetzt leuchtet der Rahmen blaeulich wenn ich was in die Suche eingebe :confused:
     

    Anhänge:

  7. Andili
    Andili Erfahrener Benutzer
    Registriert seit:
    29. Dezember 2017
    Beiträge:
    249
    Danke erhalten:
    18
    Danke vergeben:
    110
    Kein stress dann lasse ich die Farbe wie sie ist..
     
  8. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    gegen das Leuchten :)
    Code:
    .form-control:focus, .input-text:focus {
        border-color:  #DeineFarbe;
    }
    Ich meine, das Torben mal etwas geschrieben hatte, wie man den Text wie "suche..." ändert, aber ich finde das leider nicht.
     
  9. Andili
    Andili Erfahrener Benutzer
    Registriert seit:
    29. Dezember 2017
    Beiträge:
    249
    Danke erhalten:
    18
    Danke vergeben:
    110
    Barbara mache dir bitte keinen Stress damit, das hat Zeit und evtl. findet sich ja der CSS Code per zufall.

    Vielen lieben dank, du bist echt ein Engel ..
     
  10. Torben Wark
    Torben Wark Gambio GmbH
    Registriert seit:
    15. Juli 2014
    Beiträge:
    2.581
    Danke erhalten:
    1.178
    Danke vergeben:
    399
    Den Placeholder eines input-Feldes kann man hiermit anpassen:

    Code:
    .form-control.search-input::placeholder {
      color: #FF0000; // Deine Wunschfarbe eintragen
    }
    
    .form-control.search-input::-webkit-input-placeholder {
        color: #FF0000; // Deine Wunschfarbe eintragen
    }
    
    .form-control.search-input:-ms-input-placeholder
      color: #FF0000; // Deine Wunschfarbe eintragen
    }
     
  11. Andili
    Andili Erfahrener Benutzer
    Registriert seit:
    29. Dezember 2017
    Beiträge:
    249
    Danke erhalten:
    18
    Danke vergeben:
    110
    #11 Andili, 5. März 2018
    Zuletzt bearbeitet: 5. März 2018
    Danke dir sehr Torben..

    Muss man alle 3 benutzen um die Schriftfarbe "SUCHE" zu aendern?
     
  12. Andili
    Andili Erfahrener Benutzer
    Registriert seit:
    29. Dezember 2017
    Beiträge:
    249
    Danke erhalten:
    18
    Danke vergeben:
    110
    noch eine Frage Torben..

    Die CSS codes sind ja spezifisch fuer zb. nur die eine Dropdownliste und haben keinen Effekt auf all die anderen oder? Wenn man die codes fuer nur die ausgewaehlte Dropdownliste benutzt

    Seit gestern ist nun die Hover Schrift und Hintergrundfarbe meiner Sprach und Waehrungseinstellung weiss.
    Wo genau im StyleEdit finde ich diese Einstellung falls es nichts mit einer der CSS codes zutun hat.
     

    Anhänge:

  13. Torben Wark
    Torben Wark Gambio GmbH
    Registriert seit:
    15. Juli 2014
    Beiträge:
    2.581
    Danke erhalten:
    1.178
    Danke vergeben:
    399
    Ja die braucht man alle drei. Das Erste ist zwar die allgemeine Definition der Regel, diese beherrschen aber noch nicht alle Browser, sodass man für manche einen browserspezifischen Befehl braucht. Das sind die unteren beiden. Die decken manche Versionen von Webkit-basierten Browsern (Opera, Chrome, Safari) und Internet Explorer und Edge Browser ab.

    Das kommt drauf an, wie spezifisch man eine CSS-Regel beschreibt. Ein .btn würde zum Beispiel alles Buttons im Shop betreffen. Die Regeln, die wir hier genannt haben, sollten aber nicht das Problem auslösen, was du beschreibst

    Da gibt es soweit ich weiß keine Einstellung für. Die Darstellung der Dropdowns an der Stelle werden normalerweise auch direkt vom Browser geregelt, da kommt man mit CSS gar nicht so einfach ran. Hast du die letzten Tage vlt auch dein Browser-Style geändert oder gabs da ein Update? Könnte sein, dass das die Darstellung der Dropdowns an der Stelle beeinflusst.
     
  14. Andili
    Andili Erfahrener Benutzer
    Registriert seit:
    29. Dezember 2017
    Beiträge:
    249
    Danke erhalten:
    18
    Danke vergeben:
    110
    Nein ich habe absolut nichts umgestellt oder neu eingestellt und von einem Update habe ich nichts mitbekommen..
    Updates muessen bei mir am System angefragt werden.
    Es muss doch eigentlich etwas mit den Hover Farben bei der Sprachenauswahl und Waehrungsauswahl zutun haben..

    Das Problem ist folgendes..
    Wenn man die Sprache oder Waehrung aendern will ist die Hover Schriftfarbe weiss und die Hover Hintergrundfarbe ebenfalls weiss.

    Das wuerde ich oder muss ich aendern.
     

    Anhänge:

  15. Anonymous
    Anonymous Administrator
    Mitarbeiter
    Registriert seit:
    26. April 2011
    Beiträge:
    1.954
    Danke erhalten:
    1.588
    Danke vergeben:
    339
    @Andii leider fehlt im letzen Code von Torben eine {

    probier mal folgenden Code:

    Code:
    .form-control.search-input:-ms-input-placeholder {
      color: #FF0000; // Deine Wunschfarbe eintragen
    }
     
  16. Andili
    Andili Erfahrener Benutzer
    Registriert seit:
    29. Dezember 2017
    Beiträge:
    249
    Danke erhalten:
    18
    Danke vergeben:
    110
    Hallo Till,

    Werde ich gleich machen, Danke dir
    Die Klammer habe ich auch uebersehen..
     
  17. Sergej (Gambio)
    Sergej (Gambio) Erfahrener Benutzer
    Mitarbeiter
    Registriert seit:
    1. August 2016
    Beiträge:
    336
    Danke erhalten:
    205
    Danke vergeben:
    69

    Sieht für mich nach einer expliziten Anweisung aus in Form von zum Beispiel

    Code:
    .form-group > select[:focus, :active, :hover, :visited] > option
    oder

    Code:
    .form-group > select > option[:focus, :active, :hover, :visited]
    oder vielleicht sogar

    Code:
    .form-group > select[:focus, :active, :hover, :visited] > option[:focus, :active, :hover, :visited]

    Das blöde an der Geschichte ist, dass die ganzen Pseudoklassen wie [:focus, :active, etc.] für Auswahlfelder sich praktisch selbst "Überschreiben" und einige Browser dies nicht unterstützen.

    Prüfe also bitte zunächst unter StyleEdit als auch im Shop ob irgendwo ein Eintrag zu .form-group > select > option vorliegt. Sei es als CSS-, oder Style-Definition.
     
  18. Andili
    Andili Erfahrener Benutzer
    Registriert seit:
    29. Dezember 2017
    Beiträge:
    249
    Danke erhalten:
    18
    Danke vergeben:
    110
    #18 Andili, 6. März 2018
    Zuletzt bearbeitet: 6. März 2018
    Hallo Sergej

    Ich habe schon versucht die Farben in StyleEdit / Kategories / Menuepunkte zu aendern aber es passiert nichts..
    Werde mir nochmal die CSS codes ansehen..
     
  19. Andili
    Andili Erfahrener Benutzer
    Registriert seit:
    29. Dezember 2017
    Beiträge:
    249
    Danke erhalten:
    18
    Danke vergeben:
    110
    Hab den Fehler gefunden,

    Sergej du hattest recht, einer der CSS codes war dafuer verantwortlich.
    Vielen dank fuer die Hilfe..