Adding Popup for text

Refering to this post here
https://kriesi.at/support/topic/contact-form-in-pop-up-prettyphoto-issue/#post-304173

I got this to work however if I wanted to have 3 different links opening their own text popup, what would I need to change..

Added code below for others to follow..

--The Enfold uses MagnificPopup as default lightbox plugin. You can add this on functions.php:

function popup_inline() { ?>
<script type="text/javascript">
jQuery(window).load(function(){
	jQuery('.open-popup-link').magnificPopup({
	  type:'inline',
	  midClick: true // Allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source in href.
	});
});
</script>
<?php }

add_action('wp_head', 'popup_inline');

--Then use this on a text block:

<div id="test-popup" class="white-popup mfp-hide">
<p>PLACE CONTENT HERE</p>
</div>

<a class="open-popup-link" href="#test-popup">Show inline popup</a>

--Then Add this on Quick CSS or custom.css:

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}
--Remove browser cache then reload the page a few times.

• This topic was modified 7 years, 3 months ago by wealthyone.