Gradient Text Headline?

[ifkda]

Hi there,

I’ve read some threads but I still can’t get my head around this.

On my headings that say “Personal Service”, “Complete Service” and “Full Custom Sites”, I would like them to be in a gradient, can you explain or show me in a video how to achieve this please?

I would greatly appreciate it.

URL: https://basedcreative.com

[thai]

Hi There,

Please add this custom CSS under Pro > Theme Options > CSS:

.headline-gradient h1.x-text-content-text-primary {
    text-shadow: 5px 0px 5px #bb117d;
    color: #00ffff !important;
}

After that add the headline-gradient class to your headlines:

Hope it helps

[ifkda]

That worked, but it was a different effect to the one I was looking for. I was looking for a gradient text, like on instagram’s logo for example.

[basanta]

Hi There,

Sorry for the confusion!
To make the text gradient color you have to use custom CSS. Please check this article for example CSS.

Gradient Text | CSS-Tricks

You can check this generator to generate your gradient color.
http://cssdeck.com/labs/css3-text-gradient
Add the CSS similar way @thai has mentioned above.

Hope this helps!

Thanks