Add hover color effects to your Gutenberg blocks easily with customizable transitions.
Enable Hover Color is a WordPress plugin that allows you to add hover effects to any Gutenberg block that supports color settings. Customize background colors, text colors, and transition timing for engaging hover interactions.
- Easy-to-use hover color controls in the block editor
- Smooth color transitions
- Compatible with all Gutenberg blocks that supports color settings (paragraph, heading, button, etc.)
- Customizable transition timing (ease, ease-in-out, linear, etc.)
- No coding required
- WordPress 6.3 or higher
- Gutenberg editor
- Upload the plugin files to the
/wp-content/plugins/enable-hover-colordirectory, or install the plugin through the WordPress plugins screen - Activate the plugin through the 'Plugins' screen in WordPress
- Use the Block Editor to add hover effects to any block that supports color settings
- Select any block that supports color settings
- Go to "Styles" tab, look for "Color" controls in settings sidebar
- Click on the three dots icon and select the hover color (Text, Background, Border) you want to apply
- Adjust the transition duration and timing as needed
- Preview your changes in the editor
You can add hover effects to any Gutenberg block that supports color settings.
Yes, you can adjust the transition duration through the block settings panel.
- Block hover settings panel
- Hover effect in action
- Customization options
Contributions are welcome! Please feel free to submit a Pull Request.
This project is licensed under the GPL-2.0-or-later - see the LICENSE file for details.
- Initial release