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

Опубликовано: 09 Март 2025
на канале: CSS Express
29,687
137

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!

💻 Grab the CSS code here:
https://www.cssgamelab.com/2024/11/28...

🚀 Interactive CSS Basics course for designers and non-coders:
https://www.cssgamelab.com/

👉 Get 20% off using the code VELVET20OFF at Checkout.

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

––––––––––––––––––––––––––––––

PURCHASE AND DOWNLOAD ELEMENTOR PRO:

https://be.elementor.com/visit/?bta=6...

––––––––––––––––––––––––––––––

SIMPLE CUSTOM CSS AND JS PLUGIN:

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:

https://wordpress.org/plugins/custom-...

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!

––––––––––––––––––––––––––––––

MUSIC:

Artist: Corbyn Kites
Track Title: Staycation

––––––––––––––––––––––––––––––