How to add gradient to Title?

  • Resolved wpsoftcode

    (@wpsoftcode)


    1 year, 11 months ago

    Hey there,

    I want to apply gradient to title ? https://i.imgur.com/N6b5NE1.jpg

    But for some reason, I’m not able to do this. Here is what I applied:

    div#ez-toc-container p.ez-toc-title { 
  background: -webkit-linear-gradient(-90deg,#adfbda 0,#35c3ff 30%,#fda399 50%,#76d880 70%,#ebf38b 90%,#adfbda 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; 
}

    Could you please let me know what I’m missing and what else to add?

    I’m looking for gradient something like this: https://css-tricks.com/snippets/css/gradient-text [I will change the color as per needed]

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Magazine3

    (@magazine3)

    Can you please share the URL of the site once if possible? So that we will let you know accordingly to resolve your issue.

    Thread Starter wpsoftcode

    (@wpsoftcode)

    Hi @magazine3 – I have already shared above in “The page I need help with:” section. Please check above ??

    Plugin Author Magazine3

    (@magazine3)

    Can you please refer to the below code and let us know back the response? So that we will assist you accordingly.

    div#ez-toc-container p.ez-toc-title {
    background: -webkit-linear-gradient(-90deg,#adfbda 0,#35c3ff 30%,#fda399 50%,#76d880 70%,#ebf38b 90%,#adfbda 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    }

    Thread Starter wpsoftcode

    (@wpsoftcode)

    Thanks, it worked!

    Plugin Author Magazine3

    (@magazine3)

    Glad to hear it. If you have any other queries or issues further, please create a new topic. So that we will assist you to resolve them.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to add gradient to Title?’ is closed to new replies.