Title Tips
Explain terms in place with tooltips and a glossary.
Big hover titles that reveal an image following the cursor, beside the title or in a swapping side panel, with underline, roll, fill and strike effects.
Elementor widget
Requirements
- Elementor 3.5 or newer
- WordPress 6.2 or newer
- PHP 7.4 or newer
- Licence: Pro ($2 / year) — add it to the cart in Moduly
Add it to a page
- Edit the page with Elementor.
- In the widget panel, search for Title Tips. Our widgets sit in the Moduly category and carry the Moduly badge.
- Drag it onto the page.
- Set it up in the Content tab, style it in the Style tab, and use Advanced for spacing, motion and visibility.
Settings
Titles
| Setting | What you can set |
|---|---|
| Items | each item: Title, Image, Description, Side Text, Link or Accent Color |
| Number the Titles (01, 02…) | On / off |
| Title Tag | H2, H3, H4, H5, H6, div or span |
| Alignment | Left, Center or Right |
| Side Text Position | End of the row, Right after the title or Raised after the title |
| Lines Between Titles | On / off |
Hover Effects
| Setting | What you can set |
|---|---|
| Title Effect | Underline draws in, Text rolls up (flip), Colour fills in, Line through, Slides sideways or Colour change only |
| Underline From | Left, Centre or Right |
| Fade the Other Titles | On / off |
| Image Shows | Following the cursor, Beside the title, In a side panel (swaps) or Nowhere (text only) |
| Tip Side | Right, Left or Right edge of the list |
| Panel Side | Right or Left |
| Panel Width | 20–70 |
| Show the First Image Before Hover | On / off |
| Image Animation | Fade, Zoom in, Slide up, Slide down, Slide from the side, Rotate in, Blur in, Wipe reveal, … (9 in all) |
| Tilt with the Movement | On / off |
| Description | With the image, Opens under the title, Always under the title or Hidden |
| Speed (ms) | 100–1500 |
Style tab: design controls for List, Title, Image or Description — colours, typography, spacing, borders and hover states.
Tips
- Visitors who ask their device for reduced motion get a calmer, still version automatically.
Troubleshooting
- The cursor-follow image can briefly cover the hovered title when the pointer is near the left of it (it trails the pointer by the gap you set); raise “Distance from the Title” for very large type.
- Changes not showing on the live page? Regenerate CSS in Elementor → Tools → Regenerate CSS & Data and clear any page cache.
Related
- Also available for Divi (Title Tips), Gutenberg (Title Tips).
- Works well with: News Ticker, Post Carousel, Post Content.