Wie füge ich ein Hintergrundbild ein oder tausche es aus?
Mit dem Divi Builder kannst du ganz einfach ein Hintergrundbild austauschen oder hinzufügen. Die Vorgehensweise ist bei einer Sektion und einer Zeile immer dieselbe. Und so gehts:
INHALTSVERZEICHNIS
Login Spreadmind Plattform & visuellen Builder aktivieren
Bitte logge dich zunächst auf deiner Spreadmind Plattform ein und aktiviere im Frontend den visuellen Builder von Divi. Wie das geht, zeigen dir die Anleitung zum Login und die Anleitung zur Aktivierung des visuellen Builders.
1. Sektions- oder Zeileneinstellungen öffnen
Als Nächstes öffnest du die Einstellung der Sektion oder der Zeile, welcher du ein Hintergrundbild hinzufügen möchtest, indem du auf das Zahnrad-Symbol klickst:
2. Hintergrund in den Optionen auswählen
Es öffnet sich ein Pop-Up Fenster mit den Einstellungen der Sektion oder der Zeile. Gleich unter dem ersten Menüpunkt “Inhalt” findest du die Option “Hintergrund”.
Klicke hier auf den dritten Tab. Sollte noch kein Hintergrundbild vorhanden sein, klickst du auf das graue Plus-Symbol, um ein Hintergrundbild hinzuzufügen.
Ist bereits ein Bild hinterlegt, kannst du einfach auf dieses Bild klicken.
3. Hintergrund aus Mediathek auswählen
Nachdem du auf das graue Plus-Symbol oder das bereits vorhandene Hintergrundbild geklickt hast, öffnet sich ein weiteres Pop-Up Fenster, welches die Dateien aus deiner Mediathek anzeigt. Hier kannst du kannst du über den Tab “Dateien hochladen” eines neues Bild hochladen oder über den Tab “Mediathek” ein bereits hochgeladenes Bild aus deiner Mediathek einfügen. Wenn du ein neues Bild in die Mediathek hochladen möchtest, wählst du den Tab "Dateien hochladen" aus und kannst anschließend per Klick auf den in der Ansicht mittig platzierten Button "Dateien auswählen" eine neue Bilddatei aus deinem System hochladen.
Wenn du das gewünschte Bild bereits in die Mediathek hochgeladen hast, kannst du dieses Bild über den Tab "Mediathek" auswählen und klickst in der Ansicht rechts unten auf den Button "Ein Bild hochladen", um es als Hintergrund der Sektion oder Zeile hinzuzufügen:
4. Hintergrundbild Größe
Bei den Sektions-Einstellungen findest du bei der Option “Hintergrund” weitere Optionen wie beispielsweise die Hintergrundbild Größe. Dazu wählst du wieder den dritten Tab aus, um die Optionen für das Hintergrundbild zu bearbeiten. Wenn du auf die Schaltfläche "Hintergrundbild Größe" klickst, öffnet sich ein Dropdown-Menü mit der Auswahl "Cover", "Fit" und "Actual Size". Setze hier die Auswahl auf “Cover”, damit das Hintergrundbild sich immer über die komplette Fläche (Breite sowe Höhe) deiner Sektion erstreckt.
5. Sektions-/ Zeilen-Einstellungen speichern & schließen
Klicke bei den Sektions- oder Zeileneinstellungen rechts auf die grüne Fläche mit dem Häkchen-Symbol, um die Einstellungen zu speichern und das Pop-Up Fenster wieder zu schließen.
Seite speichern & visuellen Builder verlassen
Nachdem du deine Änderungen bestätigt hast, musst du diese Änderungen an der Seite speichern, bevor du den visuellen Builder im Frontend wieder verlässt, also deaktivierst. Wie das geht, zeigt dir diese Anleitung.