{"id":334856,"date":"2026-07-03T14:19:29","date_gmt":"2026-07-03T14:19:29","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/shogun-styling-addons-for-elementor\/"},"modified":"2026-07-03T14:18:57","modified_gmt":"2026-07-03T14:18:57","slug":"shogun-styling-addons","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/shogun-styling-addons\/","author":23481028,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0","stable_tag":"1.0","tested":"7.0","requires":"6.0","requires_php":"7.4","requires_plugins":null,"header_name":"Shogun Styling Addons For Elementor","header_author":"Sankalp Bhagat (WP Shogun)","header_description":"A plugin for Advanced Gradient Containers, Animated Gradient Text, Glassmorphism Effects, and Hover Gradient Buttons.","assets_banners_color":"6f3381","last_updated":"2026-07-03 14:18:57","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/sankalpx.com","header_author_uri":"","rating":0,"author_block_rating":0,"active_installs":0,"downloads":21,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0":{"tag":"1.0","author":"sankalpbhgt","date":"2026-07-03 14:18:57"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3595336,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3595336,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3595336,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3595336,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3595336,"resolution":"1","location":"assets","locale":"","width":1585,"height":926},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3595336,"resolution":"2","location":"assets","locale":"","width":1583,"height":885},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3595336,"resolution":"3","location":"assets","locale":"","width":1585,"height":923},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3595336,"resolution":"4","location":"assets","locale":"","width":1584,"height":887}},"screenshots":{"1":"Advanced Container Gradients<\/strong>: Up to 5 colors natively in the Elementor panel.","2":"Glassmorphism Controls<\/strong>: Blur, saturation, and tint for perfect frosted glass.","3":"Animated Heading Gradients<\/strong>: Make text stand out with flowing colors.","4":"Button Hover Effects<\/strong>: Smoothly transition between different gradient states."}},"plugin_section":[],"plugin_tags":[7495,76538,143165,196519,6294],"plugin_category":[],"plugin_contributors":[261049],"plugin_business_model":[],"class_list":["post-334856","plugin","type-plugin","status-publish","hentry","plugin_tags-animated-text","plugin_tags-elementor","plugin_tags-elementor-addons","plugin_tags-glassmorphism","plugin_tags-gradient","plugin_contributors-sankalpbhgt","plugin_committers-sankalpbhgt"],"banners":{"banner":"https:\/\/ps.w.org\/shogun-styling-addons\/assets\/banner-772x250.png?rev=3595336","banner_2x":"https:\/\/ps.w.org\/shogun-styling-addons\/assets\/banner-1544x500.png?rev=3595336","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/shogun-styling-addons\/assets\/icon-128x128.png?rev=3595336","icon_2x":"https:\/\/ps.w.org\/shogun-styling-addons\/assets\/icon-256x256.png?rev=3595336","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/shogun-styling-addons\/assets\/screenshot-1.png?rev=3595336","caption":"Advanced Container Gradients<\/strong>: Up to 5 colors natively in the Elementor panel."},{"src":"https:\/\/ps.w.org\/shogun-styling-addons\/assets\/screenshot-2.png?rev=3595336","caption":"Glassmorphism Controls<\/strong>: Blur, saturation, and tint for perfect frosted glass."},{"src":"https:\/\/ps.w.org\/shogun-styling-addons\/assets\/screenshot-3.png?rev=3595336","caption":"Animated Heading Gradients<\/strong>: Make text stand out with flowing colors."},{"src":"https:\/\/ps.w.org\/shogun-styling-addons\/assets\/screenshot-4.png?rev=3595336","caption":"Button Hover Effects<\/strong>: Smoothly transition between different gradient states."}],"raw_content":"\n

Shogun Styling Addons For Elementor<\/strong> is a lightweight, performance-focused plugin that seamlessly integrates directly into your Elementor Editor's native Style tabs. No clunky new widgets\u2014just powerful new styling options injected exactly where you need them.<\/p>\n\n

Built with clean CSS variables and strict Object-Oriented PHP, this addon ensures zero performance bloat while unlocking modern web design trends.<\/p>\n\n

Included Features<\/h3>\n\n
    \n
  • Advanced Gradient Containers<\/strong>: Break the 2-color limit! Adds an advanced gradient generator directly to the Container Background tab, supporting up to 5 colors with custom stops and angles.<\/li>\n
  • Glassmorphism Effects<\/strong>: Instantly create modern frosted-glass effects. Adds a new \"Glassmorphism\" section to the Container Style tab with controls for Blur, Saturation, Glass Tint, and Edge Highlighting. Includes live-preview integration so you see changes instantly in the editor.<\/li>\n
  • Animated Gradient Text<\/strong>: Make your headings pop. Injects an \"Animated Gradient Text\" toggle into the native Elementor Heading widget, allowing up to 4 colors with custom animation duration controls.<\/li>\n
  • Button Hover Gradients<\/strong>: Create beautiful CSS fade transitions between two completely different gradients on hover. Added natively to the Elementor Button widget's Style tab.<\/li>\n<\/ul>\n\n

    Why Choose Shogun Styling Addons?<\/h3>\n\n
      \n
    • Native Integration<\/strong>: Doesn't add unnecessary custom widgets. It enhances the core Elementor widgets you already use.<\/li>\n
    • Performance First<\/strong>: No heavy JavaScript libraries. Everything is powered by modern CSS, CSS variables, and @keyframes<\/code>.<\/li>\n<\/ul>\n\n\n
        \n
      1. Upload the plugin files to the \/wp-content\/plugins\/shogun-styling-addons<\/code> directory, or install the plugin through the WordPress plugins screen directly.<\/li>\n
      2. Activate the plugin through the 'Plugins' screen in WordPress.<\/li>\n
      3. Make sure the core Elementor<\/strong> plugin is installed and activated (requires v3.6.0 or higher).<\/li>\n
      4. Open any page in the Elementor Editor.<\/li>\n
      5. Click on a Container, Heading, or Button, navigate to the Style<\/strong> tab, and you will see the new Shogun addon panels natively integrated!<\/li>\n<\/ol>\n\n\n
        \n

        Do I need Elementor Pro for this to work?<\/h3><\/dt>\n

        No! Shogun Styling Addons works perfectly with the free version of Elementor.<\/p><\/dd>\n

        Will this slow down my website?<\/h3><\/dt>\n

        Not at all. The plugin uses highly optimized CSS variables and modern CSS features (like backdrop-filter<\/code> for glassmorphism) rather than relying on heavy JavaScript libraries.<\/p><\/dd>\n

        Where do I find the new controls?<\/h3><\/dt>\n
          \n
        • Advanced Gradients:<\/strong> Select a Container > Style Tab > Background.<\/li>\n
        • Glassmorphism:<\/strong> Select a Container > Style Tab > Scroll down to the Glassmorphism Effect section.<\/li>\n
        • Animated Gradient Text:<\/strong> Select a Heading widget > Style Tab > Title section.<\/li>\n
        • Hover Gradient Buttons:<\/strong> Select a Button widget > Style Tab > Scroll down to the Advanced Hover Gradient section.<\/li>\n<\/ul><\/dd>\n

          Does the glassmorphism effect work on all browsers?<\/h3><\/dt>\n

          The plugin uses standard backdrop-filter<\/code> and -webkit-backdrop-filter<\/code> properties, which are fully supported in all modern web browsers (Chrome, Safari, Firefox, Edge).<\/p><\/dd>\n\n<\/dl>\n\n\n

          1.0<\/h4>\n\n
            \n
          • Initial Release.<\/li>\n<\/ul>","raw_excerpt":"Supercharge Elementor with native advanced gradient containers, animated gradient text, glassmorphism effects, and smooth button hover gradients.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/334856","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=334856"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/sankalpbhgt"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=334856"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=334856"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=334856"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=334856"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=334856"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=334856"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}