ℹ️ Dieser Artikel wird aktualisiert, sobald wir in den kommenden Monaten weitere Verbesserungen veröffentlichen.
⚠️ Nachdem reCAPTCHA im Lead-Acquisition-Widget aktiviert wurde, können einige CSS-Anpassungen nötig sein, damit das Styling wie gewünscht angezeigt wird.
Die Darstellung von reCAPTCHA kann je nach Folgendem variieren:
Das aktuelle Newsletter-Widget
Wie das Widget in das CMS des Kunden eingebunden ist
Bestehende Styles, die vom CMS angewendet werden
👩🏻💻 Falls du Hilfe bei der Anpassung oder der Gestaltung deines Designs brauchst, wende dich an deinen Account Manager.
1. Gehe zu Einstellungen > Widgets
Gehe zu Einstellungen > Widgets und öffne den Tab Individuelles CSS.
2. Wähle ein Widget und ein Element aus
Wähle zuerst das Widget aus, das du bearbeiten möchtest, und dann das Element. Das erste Element wird automatisch ausgewählt, sodass der Editor direkt mit dessen Klassen vorausgefüllt geöffnet wird und die Vorschau sofort die entsprechenden Varianten zeigt. Füge deine CSS-Regeln im Editor hinzu und prüfe in der Vorschau, wie sie aussehen.
Dir fällt vielleicht auf, dass manche Widgets nicht in der Liste erscheinen oder dass die erwarteten Klassen nicht angezeigt werden. Das ist normal. Die Widget- und Elementlisten sollen die Anpassung erleichtern, du bist aber nicht auf den Eintrag beschränkt, der genau zu deinem Widget passt.
Du kannst CSS-Regeln unter jedem beliebigen Widget oder Element hinzufügen. Das hinzugefügte CSS gilt für jedes Widget auf deiner Website, egal wo du es hinzufügst.
⚠️ Vermeide es, !important nach jeder CSS-Regel hinzuzufügen
Warum?
Automatisches Einfügen:
!importantwird automatisch zu jeder von dir geschriebenen CSS-Regel hinzugefügt.Möglicher Konflikt: Wenn du zusätzlich
!importanthinzufügst, wird die Anweisung doppelt angegeben. Das kann das geplante Styling durcheinanderbringen und zu unerwartetem Verhalten führen.
3. Überprüfe deine Änderungen
Deine Änderungen werden automatisch gespeichert. Um sie rückgängig zu machen, wähle Element zurücksetzen, um das ausgewählte Element wiederherzustellen, oder Alles zurücksetzen, um alle Elemente wiederherzustellen.
4. Fertig!
bsport-Widgets werden jetzt automatisch mit deinem individuellen CSS angezeigt.
⚠️ Falls das Widget auf deiner Website anders aussieht als in der Vorschau, aktiviere Standard-Styling beibehalten in Schritt 1 · Website des Tabs Konfigurieren.
