With this widget, you can create a call to action text with a beautiful image effect on hover.
Required Setup
- Elementor 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.
- This is a pro widget, so make sure you have either WDesignKit pro license or have activated The Plus Addons for Elementor pro key in your WDesignKit account.
- Make sure you’ve downloaded the Typographic CTA widget.
How to Activate the Typographic CTA Widget?
Go to
- WDesignKit → Widgets.
- Search the widget name and select Elementor as the Page Builder.
- Click on the Download icon.
How to Use the Typographic CTA Widget in Elementor?
Add the Typographic CTA widget to the page.
Content
In the Text field, you have to add the text on which you want to add the effect.
Then in the Select Image section, you have to add the image you want to show on hover.
From the Link field, you can add a link to the image.
Animation
From this tab, you can manage the animation duration and speed.
Extra Option
From the Text section, you can adjust the text opacity.
- Normal Opacity – From here, you can set the text opacity for the normal state.
- Hover Opacity – From here, you can set the text opacity for the hover state.
Then from the Image section, you can adjust the image.
- Normal Opacity – From here, you can set the image opacity for the normal state.
- Hover Opacity – From here, you can set the image opacity for the hover state.
- Image Glow Effect – From this toggle, you can add a glow effect to the image.
- Image Rotate – From here, you can rotate the image.
From the Style tab, you can customize the style further.
