LMSCrafter Gradient Text for Elementor
How to Add Gradient Text in Elementor
Looking for a simple way to add gradient text in Elementor without writing CSS or buying Elementor Pro? LMSCrafter Gradient Text for Elementor is the solution.
This lightweight plugin adds two dedicated gradient text widgets to your Elementor editor, one for headings and one for rich text content. Just drag, drop, pick your gradient, and you’re done. No coding, no bloat, no Pro required.
Why Choose LMSCrafter Gradient Text for Elementor?
Most gradient text solutions require either Elementor Pro with custom CSS knowledge, or installing a massive 100+ widget addon suite just for one feature. This plugin does one thing perfectly: gradient text for Elementor, and nothing else.
Two Powerful Widgets
- Gradient Text – Perfect for gradient headings, titles, and short text. Supports H1-H6, p, span, and div tags with optional link wrapping.
- Gradient Text Editor – A full WYSIWYG rich text editor with gradient support. Add gradient effects to paragraphs, bold text, italic text, lists, and any formatted content.
20 Beautiful Preset Gradient Palettes
Get started instantly with curated gradient presets:
- Sunset – Warm orange to pink
- Ocean – Deep blue to cyan
- Forest – Teal to green
- Fire – Red to orange
- Purple Rain – Violet to magenta
- Cherry Blossom – Pink floral
- Northern Lights – Green to blue aurora
- Citrus – Orange to yellow
- Frost – Dark blue to navy
- Rose Gold – Soft pink to magenta
- Midnight – Dark charcoal
- Candy – Purple to cyan
- Neon – Electric green to blue
- Peach – Warm peach tones
- Royal – Deep navy
- Bubblegum – Playful pink
- Aurora – Soft pastel
- Cyber – Vibrant pink to purple (3-color)
- Warm Flame – Soft coral
- Mango – Yellow to orange
Full Customization
- Custom Gradient Colors – Pick your own colors with up to 3 color stops
- Linear & Radial Gradients – Choose gradient type and control the angle
- Animated Gradient – Flowing, shifting gradient animation with speed and direction controls
- Text Stroke Gradient – Apply gradient to text outline for stunning hollow text effects
- Hover Effects – Add a different gradient on hover for interactive text
- Full Typography Control – Font family, size, weight, letter spacing, and text shadow
- Responsive Alignment – Set different alignment for desktop, tablet, and mobile
- Link Support – Make your gradient text a clickable link
Works with Elementor Free
Unlike custom CSS methods that require Elementor Pro, this plugin works with the free version of Elementor. No Pro license needed!
Lightweight & Conflict-Free
- Single-purpose plugin that does one thing perfectly
- Properly namespaced code (prefixed with
lmsc-gte-) to avoid conflicts with themes and other plugins - No jQuery dependencies, no external API calls, no database tables
- Compatible with all WordPress themes and Elementor addons
Support
Need help? Visit our Support Center for documentation and assistance.