This block adds a stylish and dynamic touch to your call-to-action buttons and text, making them interactive with a smooth hover effect that encourages user engagement.
Required Setup
- Nexter Blocks FREE Plugin installed & activated.
- You need to have the WDesignKit plugin installed and activated.
- Make sure you’ve created an account and logged into it.
- Make sure you’ve downloaded the Magic Hover CTA block.
How to Activate the Magic Hover CTA Block?
Go to
- WDesignKit → Widgets.
- Search the block name and select Gutenberg as the Page Builder.
- Click on the Download icon.
How to Use the Magic Hover CTA Block in WordPress?
Add the Magic Hover CTA block to the page.
Content
In the Title section, you can add the text for the content.
From the Description section, you can add the description for the content.
You can add an icon or SVG to the content from the Select Icon section.
Button
In the Button Text section, you can add the text for the button.
Then, in the URL section, you can add the button URL.
Extra Options
From the Mouse Hover Color section, you can add a glow color effect to the item, which you will see when you hover over it.
From the Title Stroke Color section, you can change the title stroke color on hover.
From the Icon Stroke Color section, you can change the icon stroke color on hover.
Then, from the Style tab, you can further customize the style of the Magic Hover CTA.