CMS-Pages-Editor

CSS Ihrer Seiten im Content-Editor anpassen

Zuletzt aktualisiert am: Januar 2, 2019

Produkte/Lizenzen

Marketing Hub
marketing-basic-pro-enterprise
Professional, Enterprise
Basic
HubSpot CMS

Im Content-Editor können Sie die Stile von einzelnen Modulen für Landing-Pages und Website-Seiten bearbeiten. Es hängt von dem Modul ab, das Sie bearbeiten möchten, welche Optionen auf der Registerkarte Stile des Modul-Editors verfügbar sind. In jedem Modul lassen sich die Margen und der umgebende Leerraum („Auffüllen“) festlegen. Bestimmte Arten von Modulen weisen Optionen für Farben, Formen oder Schriftarten auf.

Bitte beachten: Um die besten Ergebnisse zu erzielen, empfiehlt es sich, CSS-Änderungen direkt in den Stylesheets vorzunehmen, die an Ihre Website angehängt sind.

  • Gehen Sie in Ihrem HubSpot-Account zu Ihren Landing-Pages oder Website-Seiten.
  • Klicken Sie im Menü der Seitenleiste links auf das Modulsymbol Inztegrationen, und wählen Sie dann das Modul aus, das Sie bearbeiten möchten.
  • Klicken Sie auf die Registerkarte Stile.
  • Verwenden Sie die Pfeiltasten, um die Margen und den umgebenden Leerraum („Auffüllen“) um das Modul anzupassen. Klicken Sie auf das Kontrollkästchen Uniform, damit um allen vier Seiten des Moduls der gleiche Abstand eingehalten wird.
  • Passen Sie weitere Farben, umgebende Leerräume („Auffüllen“) oder Schriftarten an, die für Ihr Modul verfügbar sind. Ihre Änderungen werden in Echtzeit im Content-Editor angezeigt.
  • Um alle Änderungen an den Stilen des Moduls rückgängig zu machen, klicken Sie auf Alle Styles zurücksetzen.

edit-module-styles

  • Nachdem Sie alle gewünschten Änderungen durchgeführt haben, klicken Sie auf Speichern und weiter zur Modul-Liste.
  • Klicken Sie auf Veröffentlichen oder Aktualisieren, um Ihre Änderungen zu übernehmen.
Beispielscreenshot
Hinweis: Dieser Artikel wird aus Kulanz zur Verfügung gestellt. Er wurde automatisch mit einer Software übersetzt und unter Umständen nicht korrekturgelesen. Die englischsprachige Fassung gilt als offizielle Version und Sie können dort die aktuellsten Informationen finden. Hier können Sie darauf zugreifen.