Become a HubSpot power user — join us for HubSpot Training Day 2017.

COS-Pages-Editor

Wie passe ich das Stylesheet (CSS) meiner HubSpot-Seiten an?

Zuletzt aktualisiert am: April 22, 2016

Sie können entweder CSS-Bearbeitungen in Ihren Design- Manager-Stylesheets vornehmen oder Anpassungen auf der Seitenebene durchführen. Um die Registerkarte „Stil“ für Ihre Seite aufzurufen, öffnen Sie eine Seite im Bearbeitungsmodus und klicken Sie am oberen Rand des Seiten-Editors auf das Symbol „Stil“.

Vom Benutzer hinzugefügte Abbildung
Vom Benutzer hinzugefügte Abbildung

Wenn die gewünschten Design-Änderungen auf die gesamte Seite angewendet werden sollen, klicken Sie auf das Optionsfeld „Ganze Seite (<body>)“ in der Liste der verfügbaren Module, um auf andere Styling-Optionen umzuschalten. Wenn Sie nur den Stil eines einzelnen Moduls anpassen möchten, bewegen Sie Ihre Maus in das Vorschaufenster der Seite und bewegen Sie den Mauszeiger über das Modul, das Sie ändern möchten. Das Modul wird in einem gestreiften Feld markiert. Klicken Sie auf das Modul, um auf andere Styling-Optionen umzuschalten.

Vom Benutzer hinzugefügte Abbildung
Vom Benutzer hinzugefügte Abbildung

Mit einem Klick auf das schwarze Symbol für das jeweilige Element können Sie zwischen den Optionen für Text, Zeilenabstand, Hintergrund und Rahmen navigieren.

Vom Benutzer hinzugefügte Abbildung
Vom Benutzer hinzugefügte Abbildung

Um ein Element Ihres aktuellen Designs zu ändern, suchen Sie das Element (Schriftart, Zeilenabstand, Farbe usw.) in den Styling-Optionen, und legen Sie Ihren neuen Wert mithilfe der Auswahl fest. Nachdem Sie einen Wert festgelegt haben, wird neben den Einstellungen ein dunkelgrauer Kreis mit einem X darauf angezeigt. Klicken Sie darauf, wenn Sie die an dem betreffenden Element vorgenommenen Änderungen stornieren möchten.

Vom Benutzer hinzugefügte Abbildung
Vom Benutzer hinzugefügte Abbildung

Klicken Sie auf den X-Pfeil auf dem Feld „Styling-Optionen“ rechts oben in der Ecke, um das Fenster „Styling-Optionen“ zu schließen. Im Bereich „Stil“ sehen Sie einen grauen Link neben jedem Modul, für das Bearbeitungen vorgenommen wurden. Wenn Sie auf den Link „Auf Standard zurücksetzen“ klicken, werden Ihre im betreffenden Bereich vorgenommenen Bearbeitungen gelöscht. Klicken Sie am oberen Seitenrand auf das Symbol „Inhalte“, um zum Seiteninhalt zurück zu wechseln. Klicken Sie von den Seitenoptionen aus auf die Schaltfläche „Speichern“, um alle Änderungen an Ihrer Gestaltung und Ihren Inhalten zu speichern, bevor Sie die Seite verlassen.

Vom Benutzer hinzugefügte Abbildung
Vom Benutzer hinzugefügte Abbildung