Hintergrund der Lupe (suche) ändern!?

Topic summary

Ein Nutzer des Impulse Theme möchte das Design des Such-Buttons anpassen: Der schwarze Hintergrund soll entfernt und die Lupe schwarz auf weißem Hintergrund dargestellt werden.

Lösung:

  • Im Custom CSS-Bereich des Search-Elements (Theme Editor) folgenden Code einfügen:
    • Für Hintergrund: .markup btn { background-color: red; } (Hex-Code anpassen)
    • Für Lupen-Farbe: .markup icon.search { color: #000; }

Wichtiger Hinweis:
Bei Fehlermeldung während der Veröffentlichung: CSS-Anpassungen funktionieren normalerweise nur bei bezahlter Theme-Lizenz, nicht in der Testphase.

Das Problem wurde erfolgreich gelöst, nachdem der Nutzer die Code-Kommentare korrekt interpretierte.

Summarized with AI on November 21. AI used: claude-sonnet-4-5-20250929.

Hallo

Wie kann ich das schwarz entfernen bei der Suche button und gleichzeitig die Lupe schwarz?
Also Lupe auf weißem Hintergrund? ( Nutzen das Impulse Theme )

Über Hilfe wäre ich sehr dankbar!!!

Beste Grüße
ECOMMAN

@EComMan1 in der Custom CSS Abschnitt des Search-Elements (im Theme Editor) Folgendes einsetzen:

.btn {
  background-color: red; <--kann durch einen Hex-code ersetzt werden.
}

Hallo Finer!

vielen dank!
aber wie kann ich denn die Farbe der Lupe ändern in schwarz?

@EComMan1 einfach die passende Class als Selector nutzen :slightly_smiling_face:

.icon-search {
  color:#000;
}

Falsch?? bekomme fehlermeldung

“Sitzung im Onlineshop-Editor kann nicht veröffentlicht werden”

Hey @EComMan1

Hast du die Lizenz Gebühr des Impulse Theme gekauft oder ist es noch in der Testphase? Bezahlbare Themes im Trial können normalerweise nicht im Code angepasst werden da sie digitale Güter sind.

VG,

Meinen Kommentar “<— kann durch…” solltest du nicht in die Box einsetzen :sweat_smile:

1 Like

@Finer ach ich blöööd ja natürlich… :rofl:

Danke die vielmals!