Welcome to All Things GHL - Your Go To Resources for Code Snippets

3 Color Gradiant Effect

/* 
   To use this code for headlines:
   1. Replace "#yourCSSSelector" with your headline's CSS selector ID.
   2. Customize the gradient by your colors.
*/


#yourCSSSelector h1 strong {
    background: #121FCF;
    background: linear-gradient(to right, #121FCF 0%, #00FF00 50%, #CF1512 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


Instructions

  1. Create Headline element on Funnel

  2. Paste code in Custom CSS

  3. Click on Headline Element. Go to Advaced, and copy the CSS Selector

  4. Go back to Custom CSS, replace "yourCSSSelector" with what you just copied.

  5. Save

Last updated

Was this helpful?