Zum Hauptinhalt
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.

Zentrieren Sie ein Bild, CTA (Legacy) oder Logo in einer E-Mail oder Seite

Zuletzt aktualisiert am: Mai 22, 2023

Mit einem der folgenden Abonnements verfügbar (außer in den angegebenen Fällen):

Marketing Hub Professional, Enterprise
CMS Hub Professional, Enterprise
Ehemaliges Marketing Hub Basic

Wenn Sie Layout-Vorlagen verwenden, die mit dem Design-Manager-Tool erstellt wurden, können Sie ein Bild, ein CTA-Modul (Legacy) oder ein Logomodul auf Ihrer Seite, in Ihrem Blog oder in Ihrer E-Mail zentrieren, indem Sie Inline-Styling zu Ihrer Vorlage hinzufügen.

Wenn Sie eine Vorlage verwenden, die einen Drag-and-Drop-Bereich enthält, können Sie die Ausrichtung der Module im Inhaltseditor zentrieren. Sie können Module im Seiteneditor auch mit horizontalen Abstandshaltern zentrieren. 

Zentrieren Sie ein Bild, CTA (Legacy) oder Logo mit Inline-Styling 

Hinweis:

 

Zum Zentrieren eines Bildes, einer CTA (Legacy) oder eines Logos in einer E-Mail- oder Seitenvorlage:

  • Navigieren Sie in Ihrem HubSpot-Account zu Ihren Landing-Pages, Ihrer Website-Seite, Ihrem Blog-Beitrag oder Ihrem E-Mail-Dashboard.
  • Bewegen Sie den Mauszeiger über Ihre Seite, Ihren Blog-Beitrag oder Ihre E-Mail und klicken Sie dann auf „Bearbeiten“.
  • Klicken Sie im oberen Bereich des Inhaltseditors auf die Registerkarte Einstellungen .
  • Scrollen Sie auf der Registerkarte Einstellungen nach unten und klicken Sie auf Erweiterte Optionen.
  • Klicken Sie im Abschnitt Vorlage auf Diese Vorlage bearbeiten. Mit dieser Aktion wird Ihre Vorlage im Layout-Editor in einer neuen Registerkarte oder einem neuen Fenster geöffnet.

  • Klicken Sie in Ihrer Layoutvorlage auf das Logo, die Handlungsaufforderung oder das Bildmodul, um es im Inspektorauszuwählen.
  • Fügen Sie im Feld Inline-Styling das CSS text-align: center hinzu;

 
  • Klicken Sie oben rechts auf Änderungen veröffentlichen, um Ihre Änderungen auf diese Vorlage anzuwenden.
  • Kehren Sie dann zum Inhaltseditor zurück und aktualisieren Sie Ihren Webbrowser, damit die Änderungen in Ihre Vorlage übernommen werden. Der Inhalt dieses Moduls wird nun auf Ihrer Seite, Ihrem Blog oder Ihrer E-Mail zentriert.

Zentrieren Sie ein Bild, ein CTA (Legacy) oder ein Logo aus den Styling-Optionen Ihres Moduls

Wenn Sie eine Vorlage mit einem Drag&Drop-Bereich verwenden, können Sie in bestimmten Modulen oder Abschnitten die Ausrichtung direkt festlegen. Beachten Sie jedoch, dass diese Option nicht für alle Vorlagen oder Module verfügbar ist. 

  • So zentrieren Sie Ihre Seitenmodule:
    • Navigieren Siein Ihrem HubSpot Account zu Ihren Landingpages, Ihrer Website-Seite oder Ihrem Blog-Post.
    • Bewegen Sie den Mauszeiger über Ihre Seite oder Ihren Blogbeitrag und klicken Sie auf Bearbeiten.
    • Klicken Sie im Seiteneditor auf das Modul , das Sie zentrieren möchten. 
    • Klicken Sie im linken Bereich auf die Registerkarte „Stile“.
    • Klicken Sie auf , um den Bereich Ausrichtung und Abstandzu erweitern. 
    • Wählen Sie unter Ausrichtung die mittige Ausrichtung.

 

  • So zentrieren Sie Ihre E-Mail-Module: 
    • Navigieren Sie in Ihrem HubSpot Account zu Marketing > E-Mail.
    • Bewegen Sie den Mauszeiger über Ihre Seite oder Ihren Blogbeitrag und klicken Sie auf Bearbeiten.
    • Klicken Sie auf das Modul , das Sie zentrieren möchten. 
    • Klicken Sie im linken Bereich auf das Dropdown-Menü Ausrichtung und wählen Sie Zentrieren.

 

Zentrieren Sie ein Bild, CTA (Legacy) oder Logo mit horizontalen Abstandshaltern

Wenn das von Ihnen verwendete Modul nicht über Ausrichtungsoptionen verfügt, können Sie im Seiteneditor horizontale Abstandshalter hinzufügen, um die Module zu zentrieren. 

Bitte beachten Sie: Das horizontale Abstandsmodul ist nicht mit Starter-Schablonenerhältlich.

So zentrieren Sie Ihr Modul mit einem horizontalen Abstandshalter: 

 
 

War dieser Artikel hilfreich?
Dieses Formular wird nur verwendet, um Feedback zur Dokumentation zu sammeln. Erfahren Sie, wie Sie Hilfe bei Fragen zu HubSpot erhalten können.