Gradient Text Color

1. Set Background of the widget

Gradient Color Text

2. Set background clip

.custom-gradient-text .elementor-widget-container{
    background-clip: text;
    -webkit-background-clip: text;
}

Gradient Color Text

The background is now only on the text, but you will not see it until you set the text color to transparent

Archi Dev

3. Set text color to transparent

Gradient Color Text

4. Add Text Stroke (optional)

Gradient Color Text

You can add text stroke on widget style tab

Archi Dev

Note: You can use any background (Image, GIF)

IMG Text

Lorem Ipsum dolor sit amet

Full Code

.custom-gradient-text .elementor-widget-container{
    background-clip: text;
    -webkit-background-clip: text;
}
archicoders

archicoders