
Shogun Styling Addons for Elementor
Developed by Sankalp Bhagat (WP Shogun)
Shogun Styling Addons for Elementor extends Elementor’s existing Style panels with modern design features that fit naturally into your workflow. Instead of cluttering your editor with new widgets, the plugin enhances the widgets you already use, making advanced styling faster and more intuitive.
Built with clean CSS, CSS variables, and Object-Oriented PHP, the plugin is designed to deliver new design capabilities while keeping your website lightweight and responsive.
Advanced Container Gradients
Go beyond Elementor’s standard gradient options.
Create rich backgrounds with support for:
- Up to 5 gradient colors
- Custom color stops
- Adjustable gradient angles
- Native integration inside the Container → Style → Background settings
Glassmorphism Effects
Create modern frosted glass designs directly inside Elementor.
The new Glassmorphism Effect section lets you control:
- Background blur
- Color saturation
- Glass tint
- Edge highlighting
Changes are displayed instantly in the editor, making it easy to fine-tune your design.
Animated Gradient Text
Give your headings a modern animated look.
Enable animated gradients for Elementor Heading widgets with support for:
- Up to 4 gradient colors
- Adjustable animation speed
- Smooth CSS-based animations
You’ll find these controls inside the Heading → Style panel.
Gradient Hover Effects for Buttons
Create eye-catching button hover animations without writing CSS.
The plugin adds a dedicated Advanced Hover Gradient section to Elementor Buttons, allowing you to smoothly transition between two completely different gradient backgrounds when visitors hover over a button.
Seamless Elementor Integration
Unlike many Elementor addons, this plugin doesn’t introduce dozens of extra widgets.
Instead, it adds new styling controls directly into Elementor’s existing interface, so you can continue working with the widgets you already know.
No Elementor Pro Required
Shogun Styling Addons for Elementor works with the free version of Elementor. You don’t need Elementor Pro to use any of the included styling features.
Key Features
- Extends Elementor’s native Style panels
- No additional widgets or unnecessary editor clutter
- Advanced gradients with up to 5 colors
- Glassmorphism controls with live preview
- Animated gradient text for Heading widgets
- Smooth gradient hover effects for Buttons
- Built using modern CSS and CSS variables
- Lightweight, clean, and performance focused
- Works with the free version of Elementor
