Zentrieren eines Bildes, einer CTA-Schaltfläche oder eines Logos in einer E-Mail oder Seite
Zuletzt aktualisiert am: März 8, 2023
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:
- Diese Methode erfordert ein grundlegendes Verständnis von HTML.
- Wenn Ihre Seite oder Vorlage ein angehängtes Stylesheet oder ein zusätzliches Styling enthält, kann es sein, dass vorhandenes CSS Ihr Bild, CTA oder Logo beeinträchtigt. HubSpotempfiehlt, mit einem Designer zusammenzuarbeiten, um die Quelle des Stylings zu identifizieren und die notwendigen Änderungen vorzunehmen, um Ihre Assets zu zentrieren.
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 bearbeiten. Mit 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:
- Navigieren Siein Ihrem HubSpot Account zu Ihren Landingpages, Ihrer Website-Seite oder Ihrem Blog-Post.
- Suchen Sie in der Suchleiste nach Horizontalabstandshalter.
- Klicken Sie auf die horizontalen Abstandshalter und ziehen Sie sie auf jede Seite des Moduls, das Sie zentrieren möchten. Passen Sie dann die Breite des Abstandshalters an, um Ihr Element zu zentrieren.
Verwandte Artikel
-
Videos zu Ihren HubSpot-Inhalten hinzufügen
Mit HubSpot Video können Sie Videos in das Dateien-Tool hochladen und sie dann zu Seiten, Marketing-E-Mails,...
Wissensdatenbank -
Smart Content | Häufig gestellte Fragen
In diesem Artikel erhalten Sie Antworten auf häufige Fragen zu Smart Content. Sie können Smart-Content zu...
Wissensdatenbank -
Exportieren Sie Ihre Inhalte und Daten
Erfahren Sie, wie Sie Ihre HubSpot-Inhalte und -Daten aus Ihrem Account, z. B. Seiten, Kontakte und Dateien,...
Wissensdatenbank