Springe zum Hauptinhalt

So fügen Sie in Elementor ein Bild zu Text hinzu

Divi: das am einfachsten zu verwendende WordPress-Theme

Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 901.000 Downloads, Divi ist das beliebteste WordPress-Theme der Welt. Es ist vollständig, einfach zu bedienen und enthält mehr als 62-freie Vorlagen. [Empfohlen]

Müssen Sie herausfinden, wie Sie in Elementor ein Bild zu Text hinzufügen?

Elementor ermöglichte es jedem, ein Webdesigner zu werden, ohne über fortgeschrittene CSS-Kenntnisse verfügen zu müssen. Mit dem visuellen Editor können Sie eine schöne Webseite erstellen, ohne eine einzige Zeile CSS-Code schreiben zu müssen. Sie können einfach beliebige Designelemente (Widgets) hinzufügen und im Einstellungsfenster anpassen.

Trotzdem wären CSS-Kenntnisse ein großer Bonus bei der Verwendung von Elementor. Mit der benutzerdefinierten CSS-Funktion von Elementor können Sie Ihrer Webseite einzigartige Stile zuweisen. In diesem Artikel zeigen wir Ihnen, wie Sie in Elementor mit der benutzerdefinierten CSS-Funktion von Elementor ein Bild zu Text hinzufügen.

In einigen Designtools wie GIMP und Photoshop müssen Sie normalerweise eine Ebenenmarkierung hinzufügen, um ein Bild im Text hinzuzufügen. In Elementor können Sie dasselbe erreichen, indem Sie CSS-Code als Titel-Widget hinzufügen und das Text-Widget in Elementor hat keine Einstellungsoption zum Hinzufügen von Bildern als Hintergrund.

Ein Bild zu einem Elementor-Text hinzufügen

Bevor Sie beginnen, stellen Sie sicher, dass Sie Ihre Version von Elementor auf die Pro-Version aktualisiert haben, falls dies nicht der Fall ist, da benutzerdefinierte CSS-Funktionen nur auf Elementor Pro verfügbar sind. Wenn Sie fertig sind, erstellen Sie eine neue Seite oder Vorlage und bearbeiten Sie sie mit Elementor. Natürlich können Sie auch eine vorhandene Seite oder Vorlage bearbeiten.

Fügen Sie das Titel-Widget zum Bearbeitungsfeld hinzu.

Erstellen Sie ganz einfach Ihre Website mit Elementor

Mit Elementor können Sie auf einfache Weise jedes Website-Design mit einem professionellen Look erstellen. Zahlen Sie nicht mehr teuer für das, was Sie selbst tun können. [Kostenlos]

So fügen Sie in Elementor ein Bild zu Text hinzu

Gehen Sie zum Einstellungsfenster, um den Standardtext unter der Registerkarte zu ersetzen Inhalt.

Gehen Sie zur Registerkarte Stil um den Text zu personalisieren. Sie können die Textgröße, den Schriftstil usw. einstellen, indem Sie auf das Bleistiftsymbol in klicken Typografie-Option unter dem block Titel. Da Sie ein Bild als Hintergrund für Ihren Text verwenden möchten, müssen Sie die Textfarbe nicht festlegen.

Dann gehen Sie auf die Registerkarte fortgeschritten und öffne den Block Maßgeschneidert CSS und fügen Sie den folgenden CSS-Code ein. Ersetzen Sie die Bild-URL durch Ihre eigene Bild-URL.

selector .elementor-heading-title {Hintergrund: URL ("https://www.wppagebuilders.com/wp-content/uploads/2020/05/gradient-progress-bar-elementor.jpg") grün wiederholen 30% 70% ; -webkit-hintergrundclip: text; -webkit-text-fill-color: transparent; }

Hier ist das Beispiel.

So fügen Sie in Elementor ein Bild zu Text hinzu

Holen Sie sich jetzt Elementor Pro!

Fazit

Hier ist ! Das war's für diesen Artikel, der Ihnen zeigt, wie Sie in Elementor ein Bild zu Text hinzufügen. Wenn Sie Bedenken haben, wie Sie dorthin gelangen, flass es uns wissen im commentaires.

Sie können sich aber auch beraten unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung oder der eine auf Divi: das beste WordPress-Theme aller Zeiten.

Aber in der Zwischenzeit Teile diesen Artikel in deinen verschiedenen sozialen Netzwerken.

...

Dieser Artikel enthält Kommentare 0

Hinterlassen Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Diese Website verwendet Akismet, um unerwünschte Inhalte zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verwendet werden.

Zurück nach oben
0 Aktien
Aktie
tweet
Registrieren