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

Home Forums Support I would like to give gradient link hover effect in the archive section

  • This topic has 3 replies, 2 voices, and was last updated 1 year ago by Leo.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1227948
    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

    #1227953
    Leo
    Staff
    Customer Support

    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;
    }
    #1228176
    sanu kumar

    thanks, Leo.

    It’s working now

    #1228739
    Leo
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.