Elementor Gradient Text

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;
}
				
			

This website contains affiliate links. If you click through and make a purchase, I may receive a commission at no additional cost to you. Thank you for supporting this site.

Was This Article Helpful?

Leave a Reply

Your email address will not be published. Required fields are marked *

1 Comment