Malibu Suche Feld Rahmen?

Thema wurde von Micha T., 25. Juli 2020 erstellt.

  1. Micha T.

    Micha T. Aktives Mitglied

    Registriert seit:
    19. März 2018
    Beiträge:
    31
    Danke erhalten:
    0
    Hallo,
    wo kann ich denn bei der Suche an der Lupe den kleinen Bogenrahmen ändern? Kann da jemand behilflich sein? Ich finde es einfach nicht:
    25-07-_2020_14-21-02.jpg
     
  2. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.452
    Danke erhalten:
    11.253
    Danke vergeben:
    1.606
    Versuche es mal mit

    Code:
    #header .navbar-search .search-input {
        border: 2px solid #333;
    }
    im eigenen css
     
  3. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    14. Januar 2017
    Beiträge:
    205
    Danke erhalten:
    3
    Danke vergeben:
    78
    Hallo, um nicht was neues aufzumachen hänge ich mich hier dran.
    Ich habe einen weißen Header.
    Das suchfeld ist auch weiß, die Schrift leicht grau, der Lupenbutton schwarz.
    Wie kann ich nur ein dünnes Rähmchen drum herum ziehen, dass man das Suchfeld überhaupt sieht?
    Ich habe o.g. Code versucht.
    > drei Punkte oben Rechts im Style edit
    > SCSS/CSS bearbeiten
    >reinkopiert
    >speichern

    tut sich nix. Wenn ich wieder reingehe, steht das genau so drin, aber oben keine Veränderung.

    Ich habe auch andere Codes eingegeben. (oh wei oh wei)
    haben aber auch nichts "angestellt".
    Wollte EIGENTLICH das Wort SUCHE bissle stärker machen und eben einen grauen Rahmen.


    Während ich es eingebe, ist ein Rähmchen drum, aber danach nicht.
    Wäre über eine Anleitung mega glücklich.
     

    Anhänge:

  4. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    18. August 2021
    Beiträge:
    626
    Danke erhalten:
    68
    Danke vergeben:
    265
    #4 Anonymous, 10. Juni 2023
    Zuletzt bearbeitet: 10. Juni 2023
    Versuch mal

    für Lupenbox:
    (Wichtig ist das ----> !important)

    #header .navbar-search [type="submit"] {
    border: 2px solid red !important; // Rahmenstärke mit Rahmenfarbe
    background-color: green; // Hintergrund
    }


    Für Suchfeld (wie Barbara schon schrieb):
    (Wichtig ist das ----> !important)

    #header .navbar-search .search-input {
    border: 2px solid red !important; // Rahmenstärke mit Rahmenfarbe
    background-color: green; // Hintergrund
    }

    Farben noch selber auswählen mit: #......

    zum Beispiel über:

    (Link nur für registrierte Nutzer sichtbar.)
     
  5. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    14. Januar 2017
    Beiträge:
    205
    Danke erhalten:
    3
    Danke vergeben:
    78
    Hallo Bernd,
    meine Güte!!! Es hat geklappt.
    Zuerst kamen Fehler, dann beim Zweiten gings. (hatte die Schlussklammer vergessen)

    VIELEN Dank Bernd und natürlich Barbara. ♥
    schöne Grüße Alexandra
     

    Anhänge:

  6. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    18. August 2021
    Beiträge:
    626
    Danke erhalten:
    68
    Danke vergeben:
    265