[Resolved] I would like to give gradient link hover effect in the archive section

[Sanu Kumar]

I would like to give gradient link hover effect in the archive section only (on H2).
` background: -webkit-gradient(linear,left top,right top,from(#ff8a00),to(#da1b60));
background: linear-gradient(to right,#ff8a00,#da1b60);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
text-shadow: none;
text-decoration: underline;
}

This code is not working, how to achieve gradient hover link (archive section)

URL: https://www.masteryblogging.com/seo/

Thanks

[Leo]

Hi there,

What exactly isn’t working?

Is this what you’ve tried?

h2.entry-title a:hover {
    background: -webkit-gradient(linear,left top,right top,from(#ff8a00),to(#da1b60));
    background: linear-gradient(to right,#ff8a00,#da1b60);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    text-shadow: none;
    text-decoration: underline;
}

[Sanu Kumar]

thanks, Leo.

It’s working now

[Leo]

No problem 🙂

[Author]

Posts