Text mit Hintergrundbild in Elementor

Hier möchte ich euch zeigen, wie ihr mit ein wenig CSS in Elementor, einen schönen Hintergrundbild Effekt auf euren Text bekommt.

Alles, was ihr dazu benötigt ist, ein Hintergrundbild und Elementor Page Builder.

Ihr erstellt zuerst eine normale Überschrift in Schwarz. Denkt daran, dass der Effekt mit einer Fetten Schrift am besten funktioniert.

Text mit Hintergrundbild in Elementor 1

Jetzt schreiben wir ein wenig Custom CSS.

Dazu öffnet ihr bei Elementor unter “Erweitert” den “Eigeness CSS” Tab

Text mit Hintergrundbild in Elementor 2

Hier tragen wir nun unser Custom CSS ein.

Wichtig ist hier nur, dass ihr den Pfad zu eurem Bild einträgt in den beiden Klammern unter “background-image: url();

Damit ihr jetzt das Bild in euren Text seht, müsst ihr noch die Transparenz von der Text Farbe auf “0” stellen

Text mit Hintergrundbild in Elementor 3

Fertig

Text mit Hintergrundbild in Elementor 4

Beiträge nach Top Kategorie Filtern:

Hinterlasse einen Kommentar

  Abonnieren  
Benachrichtige mich bei
Datenschutz
Digital-Workshop, Besitzer: Mario Röder (Firmensitz: Österreich), würde gerne mit externen Diensten personenbezogene Daten verarbeiten. Dies ist für die Nutzung der Website nicht notwendig, ermöglicht aber eine noch engere Interaktion mit Ihnen. Falls gewünscht, treffen Sie bitte eine Auswahl:
Datenschutz
Digital-Workshop, Besitzer: Mario Röder (Firmensitz: Österreich), würde gerne mit externen Diensten personenbezogene Daten verarbeiten. Dies ist für die Nutzung der Website nicht notwendig, ermöglicht aber eine noch engere Interaktion mit Ihnen. Falls gewünscht, treffen Sie bitte eine Auswahl: