{"id":291326,"date":"2026-03-28T20:39:30","date_gmt":"2026-03-28T20:39:30","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/gradient-text-for-elementor\/"},"modified":"2026-04-01T19:15:21","modified_gmt":"2026-04-01T19:15:21","slug":"lmscrafter-gradient-text-for-elementor","status":"publish","type":"plugin","link":"https:\/\/test.wordpress.org\/plugins\/lmscrafter-gradient-text-for-elementor\/","author":23446395,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.3.0","stable_tag":"1.3.0","tested":"6.9.4","requires":"5.6","requires_php":"7.4","requires_plugins":null,"header_name":"LMSCrafter Gradient Text for Elementor","header_author":"LMS Crafter","header_description":"A lightweight widget that lets you create beautiful gradient text in Elementor with preset palettes, custom colors, and linear\/radial gradient support.","assets_banners_color":"736c7c","last_updated":"2026-04-01 19:15:21","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/lmscrafter.com\/","header_author_uri":"https:\/\/lmscrafter.com","rating":0,"author_block_rating":0,"active_installs":0,"downloads":107,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.2.0":{"tag":"1.2.0","author":"mmubashirtaqi","date":"2026-03-28 20:39:09"},"1.3.0":{"tag":"1.3.0","author":"mmubashirtaqi","date":"2026-04-01 19:15:21"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3498887,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3498887,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.jpg":{"filename":"banner-1544x500.jpg","revision":3498887,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":3498887,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.2.0","1.3.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3498887,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3498887,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3498887,"resolution":"3","location":"assets","locale":""},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3498887,"resolution":"4","location":"assets","locale":""},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3498887,"resolution":"5","location":"assets","locale":""},"screenshot-6.gif":{"filename":"screenshot-6.gif","revision":3498887,"resolution":"6","location":"assets","locale":""}},"screenshots":{"1":"Gradient Text widget in the Elementor panel","2":"Preset gradient palettes selection","3":"Custom gradient color picker with 3 color stops","4":"Gradient Text Editor with rich text content","5":"Live preview in the Elementor editor"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[76538,131399,258884,164192,4849],"plugin_category":[],"plugin_contributors":[255761,255760],"plugin_business_model":[],"class_list":["post-291326","plugin","type-plugin","status-publish","hentry","plugin_tags-elementor","plugin_tags-elementor-addon","plugin_tags-gradient-heading","plugin_tags-gradient-text","plugin_tags-text-color","plugin_contributors-lmscrafter","plugin_contributors-mmubashirtaqi","plugin_committers-mmubashirtaqi"],"banners":{"banner":"https:\/\/ps.w.org\/lmscrafter-gradient-text-for-elementor\/assets\/banner-772x250.jpg?rev=3498887","banner_2x":"https:\/\/ps.w.org\/lmscrafter-gradient-text-for-elementor\/assets\/banner-1544x500.jpg?rev=3498887","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/lmscrafter-gradient-text-for-elementor\/assets\/icon-128x128.png?rev=3498887","icon_2x":"https:\/\/ps.w.org\/lmscrafter-gradient-text-for-elementor\/assets\/icon-256x256.png?rev=3498887","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/lmscrafter-gradient-text-for-elementor\/assets\/screenshot-1.png?rev=3498887","caption":"Gradient Text widget in the Elementor panel"},{"src":"https:\/\/ps.w.org\/lmscrafter-gradient-text-for-elementor\/assets\/screenshot-2.png?rev=3498887","caption":"Preset gradient palettes selection"},{"src":"https:\/\/ps.w.org\/lmscrafter-gradient-text-for-elementor\/assets\/screenshot-3.png?rev=3498887","caption":"Custom gradient color picker with 3 color stops"},{"src":"https:\/\/ps.w.org\/lmscrafter-gradient-text-for-elementor\/assets\/screenshot-4.png?rev=3498887","caption":"Gradient Text Editor with rich text content"},{"src":"https:\/\/ps.w.org\/lmscrafter-gradient-text-for-elementor\/assets\/screenshot-5.png?rev=3498887","caption":"Live preview in the Elementor editor"},{"src":"https:\/\/ps.w.org\/lmscrafter-gradient-text-for-elementor\/assets\/screenshot-6.gif?rev=3498887","caption":""}],"raw_content":"<!--section=description-->\n<h4>How to Add Gradient Text in Elementor<\/h4>\n\n<p>Looking for a simple way to <strong>add gradient text in Elementor<\/strong> without writing CSS or buying Elementor Pro? <strong>LMSCrafter Gradient Text for Elementor<\/strong> is the solution.<\/p>\n\n<p>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.<\/p>\n\n<h4>Why Choose LMSCrafter Gradient Text for Elementor?<\/h4>\n\n<p>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: <strong>gradient text for Elementor<\/strong>, and nothing else.<\/p>\n\n<h4>Two Powerful Widgets<\/h4>\n\n<ul>\n<li><strong>Gradient Text<\/strong> - Perfect for gradient headings, titles, and short text. Supports H1-H6, p, span, and div tags with optional link wrapping.<\/li>\n<li><strong>Gradient Text Editor<\/strong> - A full WYSIWYG rich text editor with gradient support. Add gradient effects to paragraphs, bold text, italic text, lists, and any formatted content.<\/li>\n<\/ul>\n\n<h4>20 Beautiful Preset Gradient Palettes<\/h4>\n\n<p>Get started instantly with curated gradient presets:<\/p>\n\n<ul>\n<li><strong>Sunset<\/strong> - Warm orange to pink<\/li>\n<li><strong>Ocean<\/strong> - Deep blue to cyan<\/li>\n<li><strong>Forest<\/strong> - Teal to green<\/li>\n<li><strong>Fire<\/strong> - Red to orange<\/li>\n<li><strong>Purple Rain<\/strong> - Violet to magenta<\/li>\n<li><strong>Cherry Blossom<\/strong> - Pink floral<\/li>\n<li><strong>Northern Lights<\/strong> - Green to blue aurora<\/li>\n<li><strong>Citrus<\/strong> - Orange to yellow<\/li>\n<li><strong>Frost<\/strong> - Dark blue to navy<\/li>\n<li><strong>Rose Gold<\/strong> - Soft pink to magenta<\/li>\n<li><strong>Midnight<\/strong> - Dark charcoal<\/li>\n<li><strong>Candy<\/strong> - Purple to cyan<\/li>\n<li><strong>Neon<\/strong> - Electric green to blue<\/li>\n<li><strong>Peach<\/strong> - Warm peach tones<\/li>\n<li><strong>Royal<\/strong> - Deep navy<\/li>\n<li><strong>Bubblegum<\/strong> - Playful pink<\/li>\n<li><strong>Aurora<\/strong> - Soft pastel<\/li>\n<li><strong>Cyber<\/strong> - Vibrant pink to purple (3-color)<\/li>\n<li><strong>Warm Flame<\/strong> - Soft coral<\/li>\n<li><strong>Mango<\/strong> - Yellow to orange<\/li>\n<\/ul>\n\n<h4>Full Customization<\/h4>\n\n<ul>\n<li><strong>Custom Gradient Colors<\/strong> - Pick your own colors with up to 3 color stops<\/li>\n<li><strong>Linear &amp; Radial Gradients<\/strong> - Choose gradient type and control the angle<\/li>\n<li><strong>Animated Gradient<\/strong> - Flowing, shifting gradient animation with speed and direction controls<\/li>\n<li><strong>Text Stroke Gradient<\/strong> - Apply gradient to text outline for stunning hollow text effects<\/li>\n<li><strong>Hover Effects<\/strong> - Add a different gradient on hover for interactive text<\/li>\n<li><strong>Full Typography Control<\/strong> - Font family, size, weight, letter spacing, and text shadow<\/li>\n<li><strong>Responsive Alignment<\/strong> - Set different alignment for desktop, tablet, and mobile<\/li>\n<li><strong>Link Support<\/strong> - Make your gradient text a clickable link<\/li>\n<\/ul>\n\n<h4>Works with Elementor Free<\/h4>\n\n<p>Unlike custom CSS methods that require Elementor Pro, this plugin works with the <strong>free version of Elementor<\/strong>. No Pro license needed!<\/p>\n\n<h4>Lightweight &amp; Conflict-Free<\/h4>\n\n<ul>\n<li>Single-purpose plugin that does one thing perfectly<\/li>\n<li>Properly namespaced code (prefixed with <code>lmsc-gte-<\/code>) to avoid conflicts with themes and other plugins<\/li>\n<li>No jQuery dependencies, no external API calls, no database tables<\/li>\n<li>Compatible with all WordPress themes and Elementor addons<\/li>\n<\/ul>\n\n<h4>Support<\/h4>\n\n<p>Need help? Visit our <a href=\"https:\/\/lmscrafter.com\/support-center\/\">Support Center<\/a> for documentation and assistance.<\/p>\n\n<!--section=installation-->\n<h4>How to Install LMSCrafter Gradient Text for Elementor<\/h4>\n\n<ol>\n<li>Upload the <code>lmscrafter-gradient-text-for-elementor<\/code> folder to <code>\/wp-content\/plugins\/<\/code><\/li>\n<li>Activate the plugin through the <strong>Plugins<\/strong> menu in WordPress<\/li>\n<li>Make sure <strong>Elementor<\/strong> (free or Pro) is installed and active<\/li>\n<li>Edit any page with Elementor<\/li>\n<li>Search for \"Gradient Text\" in the widget panel<\/li>\n<li>Drag the widget onto your page and start customizing!<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"how%20do%20i%20add%20gradient%20text%20in%20elementor%3F\"><h3>How do I add gradient text in Elementor?<\/h3><\/dt>\n<dd><p>Install 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<dt id=\"does%20this%20gradient%20text%20plugin%20require%20elementor%20pro%3F\"><h3>Does this gradient text plugin require Elementor Pro?<\/h3><\/dt>\n<dd><p>No! This plugin works with the free version of Elementor. You don't need Elementor Pro to create gradient text.<\/p><\/dd>\n<dt id=\"can%20i%20add%20gradient%20to%20paragraph%20text%2C%20not%20just%20headings%3F\"><h3>Can I add gradient to paragraph text, not just headings?<\/h3><\/dt>\n<dd><p>Yes! The <strong>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>\n<dt id=\"can%20i%20use%20more%20than%20two%20gradient%20colors%3F\"><h3>Can I use more than two gradient colors?<\/h3><\/dt>\n<dd><p>Yes, in custom mode you can enable a third color stop to create multi-color gradients with three colors.<\/p><\/dd>\n<dt id=\"does%20it%20support%20responsive%20design%3F\"><h3>Does it support responsive design?<\/h3><\/dt>\n<dd><p>Yes, the text alignment can be set independently for desktop, tablet, and mobile devices.<\/p><\/dd>\n<dt id=\"will%20this%20plugin%20slow%20down%20my%20website%3F\"><h3>Will this plugin slow down my website?<\/h3><\/dt>\n<dd><p>No. The plugin is extremely lightweight. It uses pure CSS for gradient rendering with no JavaScript, no jQuery, and no external API calls. Zero impact on page load performance.<\/p><\/dd>\n<dt id=\"will%20this%20plugin%20conflict%20with%20my%20theme%20or%20other%20plugins%3F\"><h3>Will this plugin conflict with my theme or other plugins?<\/h3><\/dt>\n<dd><p>No. The plugin uses properly namespaced CSS classes (prefixed with <code>lmsc-gte-<\/code>) and PHP functions (prefixed with <code>lmsc_gte_<\/code>) to avoid conflicts. It does not modify any existing Elementor widgets or WordPress functionality.<\/p><\/dd>\n<dt id=\"can%20i%20add%20animated%20gradient%20text%20in%20elementor%3F\"><h3>Can I add animated gradient text in Elementor?<\/h3><\/dt>\n<dd><p>Yes! Enable the hover effect to create an interactive gradient animation. The text gradient smoothly transitions to different colors when users hover over it.<\/p><\/dd>\n<dt id=\"what%20is%20the%20difference%20between%20gradient%20text%20and%20gradient%20text%20editor%3F\"><h3>What is the difference between Gradient Text and Gradient Text Editor?<\/h3><\/dt>\n<dd><p><strong>Gradient Text<\/strong> is a heading-style widget, perfect for titles, H1-H6 tags, and short gradient text. <strong>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<!--section=changelog-->\n<h4>1.3.0<\/h4>\n\n<ul>\n<li>New: Animated gradient effect with flowing color animation (CSS-only, no JavaScript)<\/li>\n<li>New: Animation speed control (1-20 seconds)<\/li>\n<li>New: Animation direction control (horizontal, vertical, diagonal)<\/li>\n<li>New: Text stroke\/outline gradient mode (Fill, Stroke, or Both)<\/li>\n<li>New: Stroke width control (1-10px)<\/li>\n<li>New: 8 additional gradient presets (Neon, Peach, Royal, Bubblegum, Aurora, Cyber, Warm Flame, Mango)<\/li>\n<li>Total of 20 curated gradient presets<\/li>\n<li>Updated prefix references in documentation<\/li>\n<\/ul>\n\n<h4>1.2.0<\/h4>\n\n<ul>\n<li>New: Gradient Text Editor widget with WYSIWYG rich text support<\/li>\n<li>Improved: Color value sanitization for enhanced security<\/li>\n<li>Improved: Defensive widget loading to prevent fatal errors<\/li>\n<li>Improved: Full PHPDoc documentation on all functions and methods<\/li>\n<li>Improved: XSS prevention in editor template<\/li>\n<li>Added: Security index.php files in all directories<\/li>\n<li>Added: uninstall.php for clean uninstallation<\/li>\n<li>Added: Capability checks on admin notices<\/li>\n<li>Added: Translation support with load_plugin_textdomain<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release<\/li>\n<li>12 preset gradient palettes<\/li>\n<li>Custom gradient with up to 3 color stops<\/li>\n<li>Linear and radial gradient types<\/li>\n<li>Hover gradient effect<\/li>\n<li>Full typography and text shadow controls<\/li>\n<li>Responsive alignment<\/li>\n<li>Link support<\/li>\n<\/ul>","raw_excerpt":"Add beautiful gradient text in Elementor with preset palettes, custom colors, and linear &amp; radial gradients. No Pro required.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/291326","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=291326"}],"author":[{"embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/mmubashirtaqi"}],"wp:attachment":[{"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=291326"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=291326"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=291326"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=291326"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=291326"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=291326"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}