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!
💻 Grab the CSS code here:
www.velvetmade...
🚀 Interactive CSS Basics course for designers and non-coders:
www.cssgamelab...
👉 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:
trk.elementor....
------------------------------
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:
wordpress.org/...
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
------------------------------

[@cssexpresstutorials]

🚀 Interactive CSS Basics course for designers and non-coders:
www.cssgamelab.com/
👉 Get 20% off using the code VELVET20OFF at Checkout.
💻 Grab the CSS code for free here:
www.velvetmade.com/2024/02/19/css-codes-for-elementor-tutorials/

[@archand06]

The best video of the lot on this topic. Thanks!

[@cssexpresstutorials]

Thanks a lot for watching! 🤗

[@aishadhin7806]

That is exactly what I wanted.

[@cssexpresstutorials]

Glad it worked for you!

[@cryptouncle848]

Nice to have generous people like you in this world. Thanks for the video.

[@cssexpresstutorials]

🤗

[@neowise574]

Thank you. The best and the most simple solution/tutorial!

[@cssexpresstutorials]

I am glad it helped! 🤗

[@shellycaldwell8964]

Nice and short and sweet! Thank you.

[@cssexpresstutorials]

You are welcome! :)

[@PlixCoolEdutech]

Thank you for your great help.... Hats off

[@cssexpresstutorials]

You're welcome! :)

[@ashumatak]

Very useful

[@meisterleise]

Thanks a lot! 😊

[@cssexpresstutorials]

You're welcome! :)

[@fabianschultz6527]

What if I want the popup to appear on click only for free users and not members?
How can I use more complex scenarios?

[@Joker-Leto]

was it complicated to write Elementor Pro on the title. .. not everyone has rich parents to finance Elementor Pro some of use still struggling to we use the free version ... thank you

[@delta3dmptraffic889]

many many thanks for your video.

[@cssexpresstutorials]

You are welcome! :)

[@zeeshanusmanifans4799]

Thanks a lot it solve my promblem

[@cssexpresstutorials]

Glad it worked! :)

[@mervynfernandes1]

How to create a shareable link

[@JVSd-SG]

not work ( 3 times I tried :((

[@MrFreak0r]

Elementor pro -.-

[@tajulislam6200]

what accent is that? -_-