Change text gradient

Dragos01

Hello,

I want all the text gradient to have different color..

What css code i have to add and where? If i change it in custom.css the background changes instead of the text.

.text-gradient {
background: linear-gradient(to right, #99a793 20%, #095e54 30%, #000000 70%, #095e54 80%);
}

I want the primary and seconday color and black as gradients.

Thanks!

saguaros

Dragos01 Hi

You should target that span tag directly:

.section-title.text-gradient span {
    background: linear-gradient(to right, #99a793 20%, #095e54 30%, #000000 70%, #095e54 80%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background-size: 500% auto;
    -webkit-animation: textShine 10s ease-in-out infinite alternate;
    animation: textShine 10s ease-in-out infinite alternate;
}

Dragos01

Great! THX

But there is one more under "Over Duinstreekschilders"

Mod116 / T4 - Section 2

saguaros

Dragos01 As I can see it's working now, did you manage to sort it out?

Dragos01

No, not sorted.

I still see the old gradient.

Edit:

After adding Custom.css code:

.text-gradient {
background: linear-gradient(to right, #99a793 20%, #095e54 30%, #000000 70%, #095e54 80%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
background-size: 500% auto;
-webkit-animation: textShine 10s ease-in-out infinite alternate;
animation: textShine 10s ease-in-out infinite alternate;
}

This part is also now the right colors.. Thx

saguaros

Dragos01 Is that all ok now?

Dragos01

saguaros All okay