Ankündigung Schriftart ändern CSS

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.

Vielen Dank. Das hilft mir sehr weiter.

Dir auch ein schönes Wochenende und danke für die Hilfe.

1 Like