DokumentationExperience Cloud KCS

Benutzerdefiniertes CSS wird im Vorschaumodus nicht angezeigt

Letzte Aktualisierung: 20. August 2026

In diesem Artikel wird erläutert, wie Sie Probleme beheben und beheben können, wenn benutzerdefinierte CSS-Änderungen in AEM Guides im Vorschaumodus nicht wie erwartet angezeigt werden.

Beschreibung description

Umgebung

Handbücher zu Adobe Experience Manager (AEM)

Problem/Symptome

  • Benutzerdefiniertes CSS, das in AEM Guides angewendet wird, wird im Vorschaumodus nicht korrekt angezeigt.
  • Visuelle Änderungen wie Hintergrundfarbe oder Rahmenstile werden erwartet, sind jedoch beim Wechsel zur Vorschau nicht sichtbar.
  • Es werden keine Fehlermeldungen angezeigt, aber die erwartete Formatierung fehlt.

Ursache

Benutzerdefiniertes CSS wird möglicherweise nicht im Vorschaumodus angezeigt, wenn der CSS-Dateipfad, der -Selektor oder die Syntax falsch sind oder wenn der Browser-Cache das Laden der neuesten Stile verhindert.

Lösung resolution

Gehen Sie wie folgt vor, um das Problem zu beheben:

  1. Stellen Sie sicher, dass die benutzerdefinierte CSS-Datei im richtigen Pfad platziert ist, z. B. /var/dxml/folderprofiles/global-profile/XmlEditorConfigs/css_layout.css.
  2. Vergewissern Sie sich, dass die CSS-Selektoren mit der Struktur des DITA-Inhalts und dem DOM-Vorschaumodus übereinstimmen. Verwenden Sie beispielsweise .previewbody .testnote für vorschauspezifische Stile.
  3. Fügen Sie die CSS-Regel hinzu oder aktualisieren Sie sie, und wechseln Sie dann in AEM Guides in den Vorschaumodus, um zu überprüfen, ob der Stil angewendet wird.
  4. Stellen Sie sicher, dass der DITA-Inhalt das richtige outputclass verwendet, das mit der CSS-Auswahl übereinstimmt (z. B. outputclass="testnote").
  5. Löschen Sie den Browser-Cache oder verwenden Sie nach der Aktualisierung von CSS eine harte Aktualisierung, um sicherzustellen, dass die neuesten Stile geladen werden.
  6. Testen Sie den Vorschaumodus in verschiedenen Browsern, um Browser-spezifische Caching- oder Rendering-Probleme auszuschließen.

Nachdem Sie diese Schritte abgeschlossen haben, überprüfen Sie, ob die benutzerdefinierten Stile im Vorschaumodus sichtbar sind.

recommendation-more-help
experience-cloud-kcs-help-kbarticles