This is a simple CSS code that can help you to add a gradient color in your headings.
So, if you are using the Elementor plugin in WordPress then this is a very quick trick to add a dual color heading in WordPress with just a few line of codes.
Just go ahead, copy the below code and paste it in the settings of the heading widget of Elementor under Advanced > Custom CSS.
That’s all you have to do.
h1 {
font-size: 72px;
background: -webkit-linear-gradient(#eee, #333);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}