Du möchtest einen Abschnitt auf deiner Website farblich anpassen oder ein neues Hintergrundbild einfügen? Mit Elementor geht das ganz einfach – egal ob du nur Farbe ändern oder ein Bild hinterlegen möchtest.
So änderst du den Hintergrund eines Abschnitts:
Logge dich in WordPress ein
→ Zur Anleitung „Wie logge ich mich in WordPress ein?“
Gehe im Dashboard auf „Seiten“ → Wähle die Seite → „Mit Elementor bearbeiten“
Klicke auf den Container, den du bearbeiten möchtest. Wenn der Bereich korrekt ausgewählt wurde, wird dieser mit einem pinken Rahmen umfasst.
In der linken Seitenleiste öffnet sich das Menü, um den Container zu bearbeiten. Wechsle dort zum Reiter „Stil“
Hintergrundbild einfügen oder ändern:
Unter „Hintergrund“ siehst du das Feld Bild. Du siehst das aktuelle Hintergrundbild (wenn vorhanden) oder eine graue Fläche mit einem +.
Klicke darauf, um ein neues Bild auszuwählen oder hochzuladen.
Tipp: Wähle möglichst ein leichtes, nicht zu großes Bild (max. 200–500 KB), um deine Ladezeit nicht zu beeinträchtigen.
Stelle bei Bedarf die Position, Wiederholung oder Größe ein (z. B. „Cover“, „Zentriert“).
Hintergrundfarbe ändern:
Statt das Bildsymbol zu wählen, klickst du auf das Farbfeld unter „Hintergrundtyp“
Wähle eine neue Farbe aus oder gib den gewünschten Hex-Code ein (z. B. #F5F5F5)
Du kannst auch Transparenzen einstellen, in dem du den unteren Regler verschiebst, z. B. für Farb-Overlays über Bildern. Je weiter du den unteren Regler nach links verschiebst, umso transparenter wird die Farbe dargestellt.
| Aktion | Vorgehen in Elementor |
|---|---|
| Hintergrundbild ändern | Abschnitt → Stil → Bildsymbol → neues Bild |
| Hintergrundfarbe ändern | Abschnitt → Stil → Farbfeld → neue Farbe |
| Stil speichern | Oben rechts „Aktualisieren“ klicken |
Tipp:
Wenn du das Hintergrundbild nicht findest, hast du evtl. nur die Spalte ausgewählt → Wiederhole den Schritt und achte darauf, den Container selbst zu klicken (pinker Rahmen).
Du kannst auch einen Farbverlauf (Verlaufstyp), ein Video oder eine Slideshow einstellen – das findest du ebenfalls unter „Stil“ → „Hintergrund-Typ“.