How to set up and style the Tilt Card widget in Elementor.
Tilt Card is an image card that leans towards the pointer in 3D, with a moving light reflection and text that floats above the image. It holds a badge, title, text and a button, and the whole card can be a link. Use it for featured products, portfolio pieces and calls to action.
Part of: Bright Addons Pro.
| Option | What it does |
|---|---|
| Image | The image that fills the card. |
| Badge | A small label above the title. Empty hides it. |
| Title | The card title. |
| Title HTML Tag | The heading tag used for the title. |
| Text | The text under the title. |
| Button Text | Text of the button. Empty hides the button unless it has an icon. |
| Button Link | Where the button, or the whole card, links to. |
| Button Icon | Optional icon on the button. |
| Icon Position | Puts the icon before or after the button text. |
| Whole Card Is the Link | Makes the entire card clickable using the Button Link. |
| Text Position | Places the text at the top, middle or bottom of the card. |
| Text Alignment | Aligns the text left, center or right. |
| Option | What it does |
|---|---|
| Strongest Tilt (degrees) | How far the card leans at the edges, from 0 to 35. |
| Depth (px) | The 3D depth. Smaller numbers look more dramatic. |
| Grow on Hover (percent) | How much the card grows while the pointer is over it. |
| Text Floats Above the Image (px) | How far the text lifts off the image. 0 keeps the text flat on the card. |
| Light Reflection | Adds a light reflection that follows the pointer. |
| Lean Away From the Pointer | Reverses the direction of the tilt. |
| Zoom Image on Hover | Zooms the image while the pointer is over the card. |
One license gives you every Pro widget, all 10 extensions, the Theme Builder and priority support. From $16 a year, with a 14-day money-back guarantee.
These sections are in the Style tab.
height, widest size, border, shadow, radius and padding, Image Shade color, Shade Style and Reflection Color.
typography, color and margin of the badge, title and text, plus the badge background.
typography, colors, background, border, shadow and hover state of the button.
No. The tilt reacts to a mouse or pen pointer. On touch screens the card shows as a normal image card with its text.
Yes. Add an address in Button Link and switch on Whole Card Is the Link.
Lower Strongest Tilt (degrees), raise Depth (px), and reduce Grow on Hover (percent).
Yes. Switch off Light Reflection. Its color can be changed with Reflection Color in the Style tab.
Check the troubleshooting guide, or contact support with the page address and what you expected to happen.
Troubleshooting guide