How to add Gradient Text to my H2, H3, H4 tags?

Support
#1

Hi I’ve seen you guys helped another theme.co Pro user who’s website is raremedia.tv to use Gradient Text on his website (his thread: https://theme.co/apex/forums/topic/cornerstone-video-backgrounds-and-gradient-font-text-color/ )

could you please help me to understand clearly how to implement this into my website? https://easystartup.net ? If you can give me some step by step instructions it would be great, thank you guys for your hard work and the help in advance!

p.s. I have 3 color # codes I want to do a diagonal gradient with

#2

Hi,

To add gradient to your headlines, you can add the code below in Theme Options > CSS


h2,h3,h4  {
  background: -webkit-linear-gradient(330deg,#eee, #333,#444);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

Please change 330deg and the colors to your liking.

Hope that helps

#3

great this is exactly what I needed, thank you so much for the tutorial, Paul. I appreciate your fast help. I’ll implement this today and post back if I have further questions.

#4

Let us know how it goes :slight_smile:
Thanks!

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.