Support Center<\/a> for documentation and assistance.<\/p>\n\nFor Developers<\/h4>\n\n
The plugin exposes a lmsc_gte_preset_gradients<\/code> filter so theme and plugin authors can register custom presets without forking:<\/p>\n\nadd_filter( 'lmsc_gte_preset_gradients', function ( $presets ) {\n $presets['brand'] = [\n 'label' => __( 'Brand', 'my-theme' ),\n 'colors' => [ '#0a3d62', '#3c6382' ],\n ];\n return $presets;\n} );\n<\/code><\/pre>\n\nA \"Gradient Text\" dynamic tag is also registered under Elementor's Site group. Use it in text fields that preserve dynamic-tag HTML output; fields that deliberately escape HTML will show plain markup instead. The plugin now loads its shared fallback stylesheet even when a page uses only the dynamic tag or a preset utility class.<\/p>\n\n\n
How to Install LMSCrafter Gradient Text for Elementor<\/h4>\n\n\n- Upload the
lmscrafter-gradient-text-for-elementor<\/code> folder to \/wp-content\/plugins\/<\/code><\/li>\n- Activate the plugin through the Plugins<\/strong> menu in WordPress<\/li>\n
- Make sure Elementor<\/strong> (free or Pro) is installed and active<\/li>\n
- Edit any page with Elementor<\/li>\n
- Search for \"Gradient Text\" in the widget panel<\/li>\n
- Drag the widget onto your page and start customizing!<\/li>\n<\/ol>\n\n\n
\nHow do I add gradient text in Elementor?<\/h3><\/dt>\nInstall and activate this plugin, then edit any page with Elementor. Search for \"Gradient Text\" in the widget panel, drag the widget onto your page, and choose a preset gradient or create a custom one. No CSS knowledge required!<\/p><\/dd>\n
Does this gradient text plugin require Elementor Pro?<\/h3><\/dt>\nNo! This plugin works with the free version of Elementor. You don't need Elementor Pro to create gradient text.<\/p><\/dd>\n
Can I add gradient to paragraph text, not just headings?<\/h3><\/dt>\nYes! The Gradient Text Editor<\/strong> widget provides a full WYSIWYG rich text editor with gradient support. You can add gradient effects to paragraphs, lists, bold text, and any formatted content.<\/p><\/dd>\nCan I use more than two gradient colors?<\/h3><\/dt>\nYes. In custom mode you can enable up to five color stops<\/strong>, so you can build anything from a simple two-color gradient all the way to vivid multi-stop rainbow effects.<\/p><\/dd>\nDoes it support responsive design?<\/h3><\/dt>\nYes. Text alignment, gradient direction, animation direction, animation state, and animation travel can be adjusted by device where applicable.<\/p><\/dd>\n
Will this plugin slow down my website?<\/h3><\/dt>\nThe frontend effect is CSS-based and has no jQuery or external API dependency. A small preview helper runs only inside Elementor editing screens. As with any plugin, measure the result with your own theme, page, and optimization stack.<\/p><\/dd>\n
Will this plugin conflict with my theme or other plugins?<\/h3><\/dt>\nThe plugin uses prefixed CSS classes and PHP functions. Its native-widget feature adds an opt-in Style section only to Elementor Heading, Text Editor, and Button widgets; it does not replace their render methods or change their content when the feature is disabled.<\/p><\/dd>\n
Can I add animated gradient text in Elementor?<\/h3><\/dt>\nYes. Enable the \"Gradient Animation\" toggle in the Style tab to add a flowing color animation. You can control the animation speed (1\u201320 seconds), choose horizontal, vertical, or diagonal movement, limit repetitions, and pause motion by device or user preference. The frontend animation is CSS-based and does not require JavaScript.<\/p><\/dd>\n
What is the difference between Gradient Text and Gradient Text Editor?<\/h3><\/dt>\nGradient Text<\/strong> is a heading-style widget, perfect for titles, H1-H6 tags, and short gradient text. Gradient Text Editor<\/strong> is a WYSIWYG-based widget, perfect for longer content, paragraphs, lists, and rich formatted text with gradient effects.<\/p><\/dd>\n\n<\/dl>\n\n\n2.0.0<\/h4>\n\n\n- New: Visual gradient-stop builder with draggable 2-5 color rows and live Elementor canvas preview<\/li>\n
- New: Saved Brand Gradients library with linear, radial, and conic geometry, Elementor Global Color tokens, and validated JSON import\/export<\/li>\n
- New: Opt-in gradient controls for Elementor Heading, Text Editor, and Button widgets<\/li>\n
- New: Ordered multi-highlight heading segments for several gradient phrases in one heading<\/li>\n
- New: Responsive gradient and animation direction controls, per-device animation state, finite repeats, and pause-on-hover\/focus<\/li>\n
- Improved: Solid fallback color, forced-colors mode, reduced-motion handling, and accessible-label support<\/li>\n
- Fixed: Dynamic-tag-only and utility-class-only Elementor pages now receive the required stylesheet<\/li>\n
- Fixed: Highlight mode now receives the same hover, animation, and stroke behavior as full-text mode<\/li>\n
- Fixed: Hover effects use scoped CSS custom properties instead of emitting repeated per-widget style elements<\/li>\n
- Fixed: Malformed preset filters, functional colors, negative angles, and negative stop positions are safely rejected or clamped<\/li>\n
- Compatibility: Verified control registration and rendering with Elementor 4.2.2 and PHP 8.2<\/li>\n<\/ul>\n\n
1.9.0<\/h4>\n\n\n- Added: Direction picker for linear and conic gradients \u2014 choose common directions (left to right, top to bottom, diagonals) without guessing angles; Custom Angle keeps the slider<\/li>\n
- Added: Color Position sliders (0-100%) for every custom and hover color, controlling how much space each color takes in the gradient<\/li>\n
- Improved: Angle slider now explains the CSS angle convention (0\u00b0 = bottom to top, 90\u00b0 = left to right, 180\u00b0 = top to bottom)<\/li>\n
- Note: Fully backward compatible \u2014 existing widgets render exactly as before<\/li>\n<\/ul>\n\n
1.8.2<\/h4>\n\n\n- Improved: Confirmed compatibility with WordPress 7.0<\/li>\n<\/ul>\n\n
1.8.1<\/h4>\n\n\n- Improved: Updated plugin banner and icon assets with new premium PNG designs<\/li>\n
- Improved: Asset quality \u2014 replaced compressed JPG banner and GIF icon with high-resolution PNG versions<\/li>\n<\/ul>\n\n
1.8.0<\/h4>\n\n\n- New: Gradient Text Dynamic Tag<\/strong> \u2014 drop gradient text into any Elementor field that supports dynamic content (heading titles, button labels, post titles in loops, image captions, custom HTML, etc.) without dragging a dedicated widget.<\/li>\n
- New: Conic gradient<\/strong> support \u2014
conic-gradient(from <angle>, \u2026)<\/code> joins linear and radial as a third gradient type for sweeping color-wheel effects on text.<\/li>\n- New: Animation easing<\/strong> control \u2014 choose from Linear, Ease, Ease In, Ease Out, or Ease In-Out for animated gradients (was hardcoded
ease<\/code>).<\/li>\n- New: Site Health debug panel section \u2014 exposes plugin version, detected Elementor version, textdomain status, and dynamic tag registration so support tickets can be diagnosed faster.<\/li>\n<\/ul>\n\n
1.7.1<\/h4>\n\n\n- Fixed: Highlight spans (none, underline, glow modes) no longer render invisible on browsers without
background-clip: text<\/code> support \u2014 added a @supports not<\/code> CSS fallback that recovers them to a readable solid color.<\/li>\n- Improved: Minimum required Elementor version raised from 3.0.0 to 3.15.0 \u2014 old, unmaintained Elementor installs now see a clean admin notice instead of risking runtime errors.<\/li>\n
- Fixed: FAQ now correctly states that custom gradients support up to five color stops (was outdated and said three).<\/li>\n<\/ul>\n\n
1.7.0<\/h4>\n\n\n- Improved: Internal refactor \u2014 preset palette, color sanitization, and gradient builder consolidated into a shared trait. Both widgets now share a single source of truth (~400 fewer duplicated lines).<\/li>\n
- Improved: Frontend stylesheet now loads conditionally \u2014 only on pages that actually use a gradient widget. Pages without the widget skip the request entirely.<\/li>\n
- Improved: Color sanitization now uses WordPress core sanitize_hex_color() for hex values, with a tightened functional-notation regex.<\/li>\n
- Improved: PHP type hints added across the gradient helper trait for better IDE support and earlier error detection.<\/li>\n
- Improved: Gradient Text Editor now defaults to the same \"Sunset\" preset as the Gradient Text widget for a consistent first-run experience.<\/li>\n
- Improved: CSS @supports gating ensures non-webkit browsers see a visible fallback color instead of invisible transparent text.<\/li>\n
- Improved: :focus-visible outline added for keyboard users on linked gradient text.<\/li>\n
- Added: load_plugin_textdomain() hook so translations work for self-hosted distributions, not just WordPress.org.<\/li>\n
- Added: lmsc_gte_preset_gradients filter \u2014 themes and developers can register custom palettes without forking the plugin.<\/li>\n
- Added: LICENSE.txt, CHANGELOG.md, and .gitignore for proper repository hygiene.<\/li>\n<\/ul>\n\n
1.6.0<\/h4>\n\n\n- New: Support for 4th and 5th color stops in custom gradients \u2014 create stunning rainbow and multi-color effects<\/li>\n
- New: 20 ready-to-use preset CSS classes (e.g. lmsc-gte-gradient-sunset) \u2014 apply gradient text to any Elementor widget via Advanced > CSS Classes<\/li>\n
- New: SEO-friendly plain text fallback via render_plain_content() for search engines, RSS feeds, and screen readers<\/li>\n
- Improved: Accessibility \u2014 gradient animations now respect prefers-reduced-motion browser setting<\/li>\n
- Improved: CSS version bumped to 1.6.0<\/li>\n<\/ul>\n\n
1.5.0<\/h4>\n\n\n- Improved: Redesigned highlighted text UX with intuitive 3-field layout (Before Text \/ Gradient Text \/ After Text)<\/li>\n
- Fixed: Hover effect not working \u2014 replaced wp_add_inline_style with inline style output (timing issue)<\/li>\n
- Fixed: Pill, Underline, Marker, Glow effects now use direct inline styles for full browser compatibility<\/li>\n
- Fixed: Text selectability in Elementor editor when using full gradient mode<\/li>\n
- Improved: All highlight effects now render correctly in both frontend and Elementor live preview<\/li>\n
- Improved: Simplified CSS \u2014 removed redundant CSS-variable-based rules<\/li>\n
- Verified: Full code sanitization audit passed (esc_html, esc_attr, sanitize_color, absint, wp_kses_post)<\/li>\n<\/ul>\n\n
1.4.0<\/h4>\n\n\n- New: Highlighted Text feature \u2014 apply gradient to specific words within a heading<\/li>\n
- New: Gradient Pill effect \u2014 gradient background pill behind highlighted words<\/li>\n
- New: Gradient Underline effect \u2014 thick gradient bar beneath highlighted words<\/li>\n
- New: Gradient Marker effect \u2014 highlighter pen effect on highlighted words<\/li>\n
- New: Gradient Glow effect \u2014 soft gradient glow behind highlighted words<\/li>\n
- New: Base Text Color control for non-highlighted text<\/li>\n
- New: Highlight padding, border radius, and underline height controls<\/li>\n
- Fixed: Rose Gold preset now uses actual rose gold colors (was hot pink)<\/li>\n
- Fixed: Cherry Blossom preset now uses vibrant pink tones (was washed out)<\/li>\n
- Fixed: Peach preset now uses visible peach-to-coral colors (was too light)<\/li>\n
- Fixed: Aurora preset now uses cyan-to-green like real aurora (was pastel)<\/li>\n
- Fixed: Warm Flame preset now uses orange flame colors (was pastel pink)<\/li>\n
- Fixed: Midnight preset now uses dark teal gradient (was invisible gray)<\/li>\n
- Fixed: Royal preset now uses deep purple gradient (was invisible navy)<\/li>\n
- Fixed: Frost preset now uses icy blue gradient (was too dark)<\/li>\n<\/ul>\n\n
1.3.1<\/h4>\n\n\n- Improved: Optimized plugin tags for better WordPress.org search discoverability<\/li>\n
- New: Animated gradient plugin icon for WordPress.org directory<\/li>\n<\/ul>\n\n
1.3.0<\/h4>\n\n\n- New: Animated gradient effect with flowing color animation (CSS-only, no JavaScript)<\/li>\n
- New: Animation speed control (1-20 seconds)<\/li>\n
- New: Animation direction control (horizontal, vertical, diagonal)<\/li>\n
- New: Text stroke\/outline gradient mode (Fill, Stroke, or Both)<\/li>\n
- New: Stroke width control (1-10px)<\/li>\n
- New: 8 additional gradient presets (Neon, Peach, Royal, Bubblegum, Aurora, Cyber, Warm Flame, Mango)<\/li>\n
- Total of 20 curated gradient presets<\/li>\n
- Updated prefix references in documentation<\/li>\n<\/ul>\n\n
1.2.0<\/h4>\n\n\n- New: Gradient Text Editor widget with WYSIWYG rich text support<\/li>\n
- Improved: Color value sanitization for enhanced security<\/li>\n
- Improved: Defensive widget loading to prevent fatal errors<\/li>\n
- Improved: Full PHPDoc documentation on all functions and methods<\/li>\n
- Improved: XSS prevention in editor template<\/li>\n
- Added: Security index.php files in all directories<\/li>\n
- Added: uninstall.php for clean uninstallation<\/li>\n
- Added: Capability checks on admin notices<\/li>\n
- Added: Translation support with load_plugin_textdomain<\/li>\n<\/ul>\n\n
1.0.0<\/h4>\n\n\n- Initial release<\/li>\n
- 12 preset gradient palettes<\/li>\n
- Custom gradient with up to 3 color stops<\/li>\n
- Linear and radial gradient types<\/li>\n
- Hover gradient effect<\/li>\n
- Full typography and text shadow controls<\/li>\n
- Responsive alignment<\/li>\n
- Link support<\/li>\n<\/ul>","raw_excerpt":"Create reusable gradient text in Elementor with a visual builder, Brand Gradients, animation, highlights, and accessible fallbacks. No Pro required.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ko.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/291326","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ko.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/ko.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/ko.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=291326"}],"author":[{"embeddable":true,"href":"https:\/\/ko.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/mmubashirtaqi"}],"wp:attachment":[{"href":"https:\/\/ko.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=291326"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/ko.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=291326"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/ko.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=291326"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/ko.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=291326"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/ko.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=291326"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/ko.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=291326"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}