Alle Kollektionen
E-Mails
Gestaltung einer E-Mail
eine E-Mail formatieren
Ein Textfeld in oder über deinem Foto platzieren
Ein Textfeld in oder über deinem Foto platzieren

In diesem Artikel erkläre ich, wie man ein Textfeld über ein Foto platziert.

Melina avatar
Verfasst von Melina
Vor über einer Woche aktualisiert

Ein Textfeld über deinem Foto platzieren, wie es bekannte Unternehmen manchmal tun? Ich zeige dir hier, wie das geht.

Unser Drag & Drop-Editor arbeitet mit Zeilen. Im Prinzip würdest du also eine Zeile über eine Zeile ziehen. Das ist aber nicht möglich. Deshalb schneidest du deine Bilder sozusagen in zwei Teile.

Schritt 1: Deine Bilder in zwei Teile zerschneiden

Für das obige Beispiel haben wir das Bild in zwei Teile geschnitten:

Du hast jetzt ein Hauptbild (den oberen Teil) und den unteren Streifen des Bildes.

Schritt 2: Füge 2 leere Zeilen in deine E-Mail ein

Füge deiner E-Mail jetzt zwei leere Zeilen hinzu:

Schritt 3: Füge die Bilder als Hintergrundbild in die Zeilen ein.


Klicke nun auf die oberste Zeile. Auf der rechten Seite der Zeileneigenschaften siehst Du die Option Hintergrundbild für Zeile. Bewege den Schieberegler nach rechts:

Platziere dein erstes Bild in der oberen Zeile. Und deine zweite, abgeschnittene Bildhälfte, in die andere Zeile darunter. Vergewissere dich, dass die Option "Apply image to" auf "Zeile" eingestellt ist. Und dass du "Mittig" angekreuzt hast.


In diesem Moment siehst du das Folgende:

Zwei Reihen, die die beiden Bilder im Hintergrund enthalten. Jetzt musst du die Bilder noch anpassen, damit sie richtig zusammenpassen.

Schritt 4: Bilder anpassen mithilfe des Spacers (Abstand)

Füge an beide Zeilen den Inhalte "Abstand" zu:

Du siehst jetzt Folgendes:

Die Bilder müssen noch in Position gebracht werden. Wenn du auf den Abstand in der Zeile klickst siehst du auf der rechten Seite unter "Inhalt" die Option: Höhe

Passe die Höhe so weit an, bis die beiden Bilder wieder zusammenpassen. In meinem Beispiel entspricht dies einer Höhe von 500:

Schritt 5: Einen Textblock einfügen

Ziehe jetzt einen Textblock in den Spacer, wie in diesem Beispiel:

Um das Textfeld weiß zu machen, gehe auf die Zeile, und verändere die Hintergrundfarbe unter Inhalt "Hintergrundfarbe des Inhalts" weiß:

Deinen Textblock vergrößern?
Auch das geht! Klicke auf den Textblock und gehe dann zu "Block Box Optionen" rechts. Hier kannst du die Ausrichtung deines Textblocks einstellen:

Mein Endergebnis sieht folgendermaßen aus:

Bitte beachte, dass nicht jeder E-Mail-Client Hintergrundbilder in der mobilen Version korrekt anzeigt. Darauf haben wir keinen Einfluss.

Hat dies Ihre Frage beantwortet?