Ankündigung Schriftart ändern CSS

Deutsch Diskussion Technische Fragen & Antworten
,

Topic summary

Ausgangsfrage: Ein Nutzer möchte in seinem Shopify-Shop gezielt einzelne Textelemente und Abschnitte mit unterschiedlichen Schriftarten versehen, insbesondere die Ankündigungsleiste auf “Open Sans” ändern.

Lösung für Schriftart-Änderung:

  • CSS-Code für die Ankündigungsleiste:
.announcement-bar__message {
    font-family: 'Open Sans', sans-serif;
}
  • Für andere Elemente: Spezifische CSS-Selektoren (Klassen/IDs) verwenden und font-family entsprechend anpassen
  • Browser-Entwicklerwerkzeuge nutzen, um die richtigen Selektoren zu identifizieren

Zusätzliche Anpassungen:

  • Buttons: Ausgeblasste Darstellung durch CSS-Eigenschaften wie opacity, color oder background-color beheben
  • Hintergrundfarben: Textabschnitte mit background-color und padding gestalten
  • Schriftfarbe: Mit der color-Eigenschaft ändern (z.B. color: #123456;)

Wichtige Hinweise:

  • Eindeutige Klassen/IDs verwenden, um Konflikte zu vermeiden
  • Änderungen auf verschiedenen Geräten und Browsern testen
  • Globale Theme-Einstellungen überprüfen

Status: Problem gelöst, Nutzer bedankt sich für die Hilfe.

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

@Gabe Hey danke für die tolle Hilfe. Es funktioniert. Kannst du mir eventuell noch helfen wieso manche Buttons im vollen Farbton und manche leicht ausgeblasst sind wie z.B Button im Bild Banner? Wenn ich das jetzt noch ändern kann wäre es Top, Sowie bestimmte Text abschnitte in gewünschter Farbig hinterlegen. :grinning_face_with_smiling_eyes: Wenn du mir dabei noch helfen könntest, wäre ich erstmal soweit fertig.