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 eines Bildes, einer CTA-Schaltfläche oder eines Logos in einer E-Mail oder Seite

Zuletzt aktualisiert am: März 8, 2023

Produkte/Lizenzen

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

Wenn Sie Layoutvorlagen verwenden, die mit dem Design-Manager-Tool erstellt wurden, können Sie ein Bild, eine CTA-Schaltfläche 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, eine CTA-Schaltfläche oder ein Logo mit Inline-Styling

Hinweis:

 

So zentrieren Sie ein Bild, eine CTA-Schaltfläche oder ein Logo 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 oben im Content-Editor 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 bearbeitenMit dieser Aktion wird Ihre Vorlage im Layout-Editor in einer neuen Registerkarte oder einem neuen Fenster geöffnet.

  • Klicken Sie in der Layoutvorlage auf das Logo-, Call-to-Action- oder Bild-Modul, um es im Inspektor auszuwä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, eine CTA-Schaltfläche 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: 
    • Gehen 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, eine CTA-Schaltfläche oder ein 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.