Zum Hauptinhalt springen

So passen Sie ein bsport-Widget mit benutzerdefiniertem CSS an

Dieser Leitfaden zeigt, wie Sie benutzerdefiniertes CSS für unsere Widgets im Backoffice hinzufügen können.

BrandedApp avatar
Verfasst von BrandedApp
Gestern aktualisiert

⚠️ Nach der Aktivierung von reCAPTCHA im Lead-Acquisition-Widget sind möglicherweise CSS-Anpassungen erforderlich, damit das Design korrekt angezeigt wird.

Die Darstellung von reCAPTCHA kann variieren, abhängig von:

  • Dem aktuellen Newsletter-Widget

  • Der Integration des Widgets im CMS des Kunden

  • Bereits vorhandenen Styles im CMS

👩🏻‍💻 Bei Fragen zur Anpassung oder Gestaltung wenden Sie sich bitte an Ihren Account Manager.

1. Gehen Sie zu Einstellungen > Widgets

Klicken Sie hier, um zur Widget-Seite zu gelangen

2. Wählen Sie den CSS-Reiter

Wählen Sie den Reiter, der die Klassen des Widgets enthält, das Sie anpassen möchten. Benutzerdefinierte CSS-Regeln können in jedem Reiter hinzugefügt werden, da die Reiter hauptsächlich als Orientierung dienen. Prüfen Sie immer die Vorschau nach Änderungen.

⚠️ Vermeiden Sie es, !important an jede CSS-Regel anzuhängen.
Warum?

  • Automatische Einfügung: Unser System fügt automatisch !important zu allen CSS-Regeln hinzu.

  • Konfliktpotenzial: Wenn der Kunde ebenfalls !important hinzufügt, kann dies zu Duplikaten führen, die das Styling brechen.

3. Änderungen speichern

Vergessen Sie nicht, Ihre Anpassungen zu speichern.

4. Fertig!

Die bsport-Widgets werden nun automatisch mit Ihrem benutzerdefinierten CSS angezeigt.

⚠️ Wenn Vorschau und tatsächliche Darstellung auf der Website abweichen, aktivieren Sie den Kompatibilitätsmodus.

Hat dies deine Frage beantwortet?