Add gradient text to WordPress
Fill a whole heading with a two or three color gradient, keep it flowing, or let the words color in one after another as the page scrolls.
Type
An upgrade to Heading and Paragraph
Find it
Heading settings, Text effect
Phones
Identical, nothing depends on hover
Speed
The words are never hidden while they load
Color that moves through words.
This is the real Text effects setting, running on this page.
Golden hour.
The sun sinks low over the harbor and everything warms for an hour. Boats, walls and faces all glow the same soft gold before the lights come on.
Settings Animated gradient Secondary, Primary, Lilac Speed (seconds) 8 Grey to Colour (on scroll)
The settings worth knowing.
Three effects, one per block.
Bright idea
Gradient
A still gradient
Two or three palette colors running through the letters, at any angle.
Sunset
Animated gradient
A flowing gradient
The colors slide through the letters, one full cycle every 1 to 30 seconds.
Each word here warms up in turn as this line climbs your screen.
Grey to Colour (on scroll)
Color in as you scroll
Words go from faint to full color one after another as the block rises up the screen.
Glow
Linear
Glow
Conic
Type
Linear or conic
Linear runs in a straight line, conic sweeps around a center point.
Three steps. No new tool.
Fair questions.
Make your next site beautiful.
GrinBot designs and builds it for you. Join the waitlist for the launch price.
- Studio-quality design
- Built for speed
- Pay once, no subscription
We’ll email you about the launch. Unsubscribe any time. Privacy policy
Try it with these.
Accent text
Highlight words with a marker, underline, circle or serif italic, saved once for the whole site.
