How I can get a gradient of 3 color of a word in my header

Site URL: https://www.capilla-wine.com

Hi, i want my word "actualité" in my header with a gradient of three color how can I do?
Thanks for answer

https://beatrizcaraballo.com/blog/gradient-text

21 minutes ago, Haiko__ said:

Site URL: https://www.capilla-wine.com

Hi, i want my word "actualité" in my header with a gradient of three color how can I do?
Thanks for answer

Try adding to Home > Design > Custom Css

.Header-nav-item[href*="actualits"] {
  background: linear-gradient(to right, #30CFD0 0%, #330867 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

Let me know how it works on your site

Press 👍 or mark this answer as solution to help another one too

My testing result

Just now, bangank36 said:

My testing result

I have got Same Thanks you ! 🥰

1 minute ago, Haiko__ said:

I have got Same Thanks you ! 🥰

It 's good to know that

19 hours ago, bangank36 said:

It 's good to know that

Hi ! The gradient work but not on phone what I do for this work?

In mobile we have a different class

so kindly change to

[href*="actualits"] {
  background: linear-gradient(to right, #30CFD0 0%, #330867 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}