Want a big headline with an image showing through the letters?
The Knockout Text option of the Advanced Typography widget from The Plus Addons for Elementor fills the letters with an image or color, so the text works like a mask.
To check the complete feature overview documentation of The Plus Addons for Elementor Advanced Typography widget, click here.
Requirement – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.
Before You Start
- Edition: Pro — The Advanced Typography widget needs The Plus Addons for Elementor Pro. In the free plugin it shows in the Elementor panel with a lock icon.
- Widget to enable: Advanced Typography, switched on under The Plus Addons > Widgets.
Steps
- Add the Advanced Typography widget, keep Select Option on Normal and type your text.
- Open Content > Knockout Text and turn on Enable/Disable.
- Under Background Type (classic), choose an Image or a Color.
- Adjust Position and Display Size (for example Cover).
- In Style > Advanced Typography > Typography, make the text large and bold so more of the image shows.
The result on the page:
How It Behaves
- The text itself becomes transparent and the background shows only inside the letters.
- In Multiple mode, each item has its own Knockout Text switch and Text Background.
Troubleshooting
The text disappeared
With Knockout Text on, the letters are transparent until you set a background. Choose an Image or Color in the Knockout Text section.
