Sie müssen herausfinden, wie Sie ein Bild zu einem Text hinzufügen Elementor ?

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äre es ein großer Vorteil, einige CSS-Kenntnisse zu habenElementor. Mit dieser Funktion können Sie einzigartige Stile auf Ihre Webseite anwenden Benutzerdefinierte CSS d 'Elementor. In diesem Artikel zeigen wir Ihnen, wie Sie mithilfe der benutzerdefinierten CSS-Funktion von Elementor ein Bild zu Text in Elementor hinzufügen.

Dans sicher outils Designs wie GIMP und Photoshop, müssen Sie normalerweise eine Ebenenmarkierung hinzufügen, um ein Bild in Text einzufügen. In Elementor können Sie dasselbe erreichen, indem Sie CSS-Code hinzufügen, dass das Elementor-Title-Widget und das Text-Widget keine Einstellungsoption zum Hinzufügen von Bildern als Hintergrund haben.

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.

Siehe auch: Elementor: So fügen Sie ein Inhaltsverzeichnis hinzu

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

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

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

Lesen Sie auch unseren Leitfaden über: Ementor: So verwenden Sie den Farbwähler

Gehen Sie zur Registerkarte Design 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
{
     background: url("https://www.wppagebuilders.com/wp-content/uploads/2020/05/gradient-progress-bar-elementor.jpg") green repeat 30% 70%  ;
     -webkit-background-clip: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!

Zusammenfassung

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.

...