Play Video

Trigger a popup with text in CSS and Elementor | How to open a popup when you click on a text link

Learn how to trigger and activate a popup with simple text in CSS and Elementor Pro! First create a popup template in Elementor Pro and WordPress, then add a selector. To make a popup appear when you click on a word or piece of text on your page, simply create a text link and call out this selector using a simple line of CSS code!

This tutorial is using Elementor builder (Pro version – download using the link below) and CSS.



Design Portfolio



To use custom CSS code with Elementor FREE, I am using the Simple Custom CSS and JS plugin for WordPress that you can download here:

Simple Custom CSS and JS

Have fun and thanks for watching!

If this tutorial helped you, please share or subscribe.


This video and description may contain affiliate links. If you click on a link and make a purchase, I will receive a commission from the sale. That way you are supporting my channel and allowing me to keep making videos and posts like this. I only promote products that I use, have experience with and support, such as Elementor Pro.


Have a specific problem in Elementor that you don’t know how to solve with CSS? Comment below to let me know which video you would like to see next!



Artist: Corbyn Kites
Track Title: Staycation