Das Feld "Suche" ändern

Thema wurde von alex_braun, 1. März 2019 erstellt.

  1. alex_braun
    alex_braun Mitglied
    Registriert seit:
    1. März 2019
    Beiträge:
    14
    Danke erhalten:
    0
    Danke vergeben:
    3
    #1 alex_braun, 1. März 2019
    Hallo Zusammen!

    Ich möchte das Feld "Suche" ändern und zwar bei "Alle" die Hintergrundfarbe.

    Css Codes die ich hier in den Foren gefunden habe, funktionieren leider nicht, oder ich mache das was falsch.

    Danke für eure Hilfe!!!
     
  2. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    #2 barbara, 1. März 2019
    Das geht bei mir:
    Code:
    @media (min-width: 768px){
.navbar-search .input-group .input-group-btn, .navbar-search .input-group .input-group-btn .dropdown-toggle, .open > .btn.btn-default.dropdown-toggle:hover {
      color: #DeineSchriftfarbe;
    background-color: #DeineFarbe;
}}
     
  3. alex_braun
    alex_braun Mitglied
    Registriert seit:
    1. März 2019
    Beiträge:
    14
    Danke erhalten:
    0
    Danke vergeben:
    3
    #3 alex_braun, 4. März 2019
    Bei mir geht es leider nicht. Wenn ich diesen Code einfüge, dann werden die Farben im Bereich der Kategorien und Sekundärnavigation geändert.
     
  4. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    #4 barbara, 4. März 2019
    Dann braucht man einen Link zu Deiner Seite
     
  5. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    #5 barbara, 6. März 2019
    Hallo Günter,

    Du scheinst es hinbekommen zu haben.
    Wie hat es denn nun funktioniert?
     
  6. guenter_baeumler
    guenter_baeumler Erfahrener Benutzer
    Registriert seit:
    22. Juni 2018
    Beiträge:
    376
    Danke erhalten:
    69
    Danke vergeben:
    69
    #6 guenter_baeumler, 6. März 2019
    Hallo Barbara,

    hab den Code von Deinem Shop kopiert und die Farbe einfach geändert.
     
  7. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    #7 barbara, 6. März 2019
    So geht es auch :)
     
  8. guenter_baeumler
    guenter_baeumler Erfahrener Benutzer
    Registriert seit:
    22. Juni 2018
    Beiträge:
    376
    Danke erhalten:
    69
    Danke vergeben:
    69
    #8 guenter_baeumler, 6. März 2019
    Hallo Alex,

    versuchs mal damit:

    .navbar-search .input-group .input-group-btn, .navbar-search .input-group .input-group-btn .dropdown-toggle, .open > .btn.btn-default.dropdown-toggle:hover {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border: solid 1px #336633;
    height: 35px;
    color: #fff;
    background-image: -webkit-linear-gradient(top, #339933 0%, #336633 100%);
    background-image: -o-linear-gradient(top, #339933 0%, #336633 100%);
    background-image: linear-gradient(to bottom, #339933 0%, #336633 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#339933', endColorstr='#336633', GradientType=0);
    }

    Nur noch Farbcodes auf eigene Wünsche ändern!
     
  9. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    #9 barbara, 6. März 2019
    Und den Radius raus nehmen, falls Du den nicht möchtest :)
     
  10. alex_braun
    alex_braun Mitglied
    Registriert seit:
    1. März 2019
    Beiträge:
    14
    Danke erhalten:
    0
    Danke vergeben:
    3
    #10 alex_braun, 8. März 2019
    Hallo Leute!!! Jetzt hat es funktioniert. Besten Dank!!!