With this element, you can create a call-to-action text with a beautiful image effect on hover.
Required Setup
- Bricks Builder 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 element, so make sure you have the WDesignKit pro license activated in your WDesignKit account.
- Make sure you’ve downloaded the Typographic CTA element.
How to Activate the Typographic CTA Element?
Go to
- WDesignKit → Widgets.
- Search the element name and select Bricks as the Page Builder.
- Click on the Download icon.
How to Use the Typographic CTA Element in Bricks?
Add the Typographic CTA element 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 different types of links 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.
